共计 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;
正文完
发表至: javascript
2022-10-24