bus方式的組件間傳值其實就是建立一個公共的js文件,專門用來傳遞消息
1.建立公共文件,並引入
新建msgBus.js文件。只需兩句代碼。
1 import Vue from 'vue' 2 export default new Vue;
然后在需要傳遞消息的兩個組件引入
import MsgBus from '@/components/utils/msgBus.js';
2.發送消息
觸發組件的事件:
MsgBus.$emit('msg', _this.examineNum);
3.接受消息
接受組件的事件:
寫在鈎子函數內:例如:mounted created都可以
1 MsgBus.$on('msg', (e) => { 2 this.examineNum = e; 3 })