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

8次阅读

共计 417 个字符,预计需要花费 2 分钟才能阅读完成。

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;

正文完
 0