bus
utils - bus.js
import Vue from 'vue'
const bus = new Vue()
export default bus
一、傳值
發(fā)送信息
import bus from '@/utils/bus'
第一個參數(shù)為標(biāo)志變量赤惊，第二個參數(shù)為通信的值
bus.$emit('message', 'hello');
接收信息
import bus from '@/utils/bus'
第一個參數(shù)為標(biāo)志變量事富，第二個參數(shù)中的e為通信的值
bus.$on('message', (e) => {
console.log(e)
})
二、調(diào)用方法
一個組件(A)調(diào)用另一個組件(B)的方法
B組件的方法
import bus from '@/utils/bus'
mounted () {
bus.$on('testA', this.testA)
},
testA () {
console.log('由A組件調(diào)用')
},
A組件調(diào)用
import bus from '@/utils/bus'
mounted () {
bus.$emit('testA')
},
