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