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