关于javascript:vue组件通信bus的使用

bus的应用
作用：进行组件通信
1.utils文件夹下新建bus.js
import Vue from 'vue'
const bus = new Vue()
export default bus
2.传数据的页面
引入 bus.js
import Bus from "../../门路"
Bus.$emit("tranfTimeData", this.sceneData);//this.sceneData是要传递的数据
3.接收数据的页面
引入 bus.js
import Bus from "../../门路"
Bus.$on("tranfTimeData", (sceneTimeData) => {
     // this.sceneTimeData = sceneTimeData; //场景增加工夫规定
      console.log("接管的数据：", sceneTimeData);  
  });

全局应用时，main.js中
const bus = new Vue()
Vue.prototype.$bus = bus;