創建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.on ),不然有可能多次觸發bus)
組件二(調用方法前先解綁事
件( bus.$off ),然後在重新綁定( bus.$on ),不然有可能多次觸發bus)
mounted () {
Bus.$off('busMsg')
Bus.$on('busMsg', (e) => {
console.log(666, 'person1的方法')
})
},