Vue非父子组件传值之事件总线(eventbus)的使用方式

2022-12-15 17:29:21 浏览数 (1)

在入口函数main.js中 挂载一个对象到Vue原型上

代码语言:javascript复制
Vue.prototype.bus = new Vue()

//在组件A中监听事件
this.$bus.$on('updata', (data) => {
	console.log(data)
})

//在组件B中发射事件
this.$bus.$emit('updata', data)

0 人点赞