1.简述
本文是一篇记录vue使用技巧的简短文章,该文记录的是vue中兄弟组件间通信的方式,之前经历了第一个vue app项目,也是想积淀一下,之前是在项目中是在需要的vue中对bus进行引入,对于这类常见的工具最好提倡是全局引入进行一定的封装。
2.局部使用案例
bus.js
import Vue from 'vue'
export const Bus = new Vue();
接收总线通知
import {
Bus,NotifyRefresh} from "../../common/js/Bus";
mounted() {
console.log('PageOne mounted')
Bus.$on(NotifyRefresh,(msg) =>{
this.info = msg;
});
},
发送总线通知
Bus.$emit(NotifyRefresh,'回传消息');