vue 组件间传值(兄弟)(bus方式)
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 })