vue 非父子组件之间的通讯

创建一个空实例($bus中央事件总线/中间组件)

利用$emit $on的触发和监听事件实现非父子组件的通信

Vue.prototypy.$bus=newVue()//在vue上面挂载一个$bus作为中央处理组件

this.$bus.$emit('自定义事件名','传递的数据')//触发自定义事件传递数据

this.$bus.$on('自定义事件名','fn')//监听自定义事件获取数据

vue 非父子组件之间的通讯_第1张图片

你可能感兴趣的:(vue2,前端,vue.js,javascript,前端)