您现在的位置:首页 >> 前端 >> 内容

在vue中,非父子组件之间传递值讲解

时间:2018/4/3 14:20:15 点击:

  核心提示:1.创建一个公共的js文件 bus.jsbus.js2.创建两个兄弟组件one.vue和two.vueone.vuetwo.vue3.将两个组件放在同一个父组件abc.vue中最终运行效果如下 ...

1.创建一个公共的js文件 bus.js

在vue中,非父子组件之间传递值讲解

bus.js

在vue中,非父子组件之间传递值讲解

2.创建两个兄弟组件one.vue和two.vue

one.vue

在vue中,非父子组件之间传递值讲解

two.vue

在vue中,非父子组件之间传递值讲解

3.将两个组件放在同一个父组件abc.vue中

在vue中,非父子组件之间传递值讲解

最终运行效果如下

在vue中,非父子组件之间传递值讲解

Tags:在V VU UE E中 
作者:网络 来源:web_callBa