创建bus.js
import Vue from 'vue'
export default new Vue()
在两个组件中引入bus
import Bus from '@/assets/bus.js'
组件一(test函数是绑定到页面上的一个点击事件)
test () {
console.log(88)
Bus.$emit('busMsg')
},
组件二(调用方法前先解绑事
件( bus.
o
f
f
)
,
然
后
在
重
新
绑
定
(
b
u
s
.
off ),然后在重新绑定( bus.
off),然后在重新绑定(bus.on ),不然有可能多次触发bus)
组件二(调用方法前先解绑事
件( bus.$off ),然后在重新绑定( bus.$on ),不然有可能多次触发bus)
mounted () {
Bus.$off('busMsg')
Bus.$on('busMsg', (e) => {
console.log(666, 'person1的方法')
})
},