0
点赞
收藏
分享

微信扫一扫

vue组件通信,bus的使用。

唯米天空 2022-10-24 阅读 107

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 条评论