vue 兄弟间传值bus(总线/订阅模式)

三世轮回 提交于 2019-12-28 22:58:20

vue 兄弟间传值bus(总线/订阅模式)
兄弟间传值除了vuex公用变量机制外还有bus总线
在父组件中的多个子组件之间相互传值的原理:
创建一个vue.prototype.bus,因为它是一个全局的vue,所以在任何地方都可以使用它。
还有一点:在vue中子组件不能直接操作父组件传过来的数据,存在单向数据流问题。子组件需要将父组件中的变量独自复制一份,经行数据处理。兄弟组件中的数据也要拷贝

在子组件中创建一个点击事件handleclick;
methods:方法中触发这个事件,调用this.bus.emitchange,this.seltcont)mounted,线bus,this.busemit(change,this.seltcont)事件并携带参数; 在生命周期中mounted中,拷贝数据变量独自生成一份,并监听总线bus,this.buson(change,function(msg){this_.selfbus=msg}进行数据处理

在这里插入图片描述
在这里插入图片描述

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!