vue中非父子组件之间传递值
2018-04-02 22:21
495 查看
1.创建一个公共的js文件 bus.js
bus.js
2.创建两个兄弟组件one.vue和two.vue
one.vue
two.vue
3.将两个组件放在同一个父组件abc.vue中
最终运行效果如下
bus.js
2.创建两个兄弟组件one.vue和two.vue
one.vue
two.vue
3.将两个组件放在同一个父组件abc.vue中
最终运行效果如下
相关文章推荐
- vue 父子组件之间的数据传递
- vue.js---父子组件之间简单的数据传递
- VUE父子组件之间值传递
- vue.js组件之间通讯的数据双向绑定----父亲把数据传递给儿子,儿子更改数据后,重新发送给父亲,父亲数据更改后,属性会重新发送个儿子,儿子刷新新数据
- vue2.0 组件之间的数据传递
- vue.js 组件之间传递数据
- Vue 爬坑之路(二)—— 组件之间的数据传递
- vue父子组件之间传值及函数中获取props中的值
- vue.js组件之间的通讯-----父亲向儿子传递数据,儿子接收父亲的数据
- vue.js使用props在父子组件之间传参
- 关于Vue父子组件之间的通信
- vue.js实战笔记:父子组件之间的那些事儿
- vue非父子组件之间的通信
- vue.js 组件之间传递数据
- vue开发:vue2.0父子组件及非父子组件之间的通信方法
- vue-bus非父子组件之间触发事件
- 总结vue父子组件之间的通信
- vue学习记录——父子组件间传递数据
- vue中父子组件的相互传递
- vue2.0 组件之间的数据传递