zl程序教程

您现在的位置是:首页 >  Java

当前栏目

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

2023-02-18 16:35:59 时间

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

Vue.prototype.bus = new Vue()

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

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