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;    链接:https://note.youdao.com/s/A9yLZZIp
vue