Vue2中EventBus总线使用

参考 https://juejin.cn/post/6995015040805896200

在utils文件夹中创建bus.js文件

import Vue from 'vue';
export const Bus = new Vue();

在需要的地方使用

// Fisrt
import { Bus } from '../../utils/Bus.js';
// 监听数据
mounted() {
Bus.$on('toggleData', (data) => {
this.toggle = data;
});
},
// 清空Bus
beforeDestroy() {
Bus.$off();
}
// Second
import {Bus} from "../../utils/Bus.js"
goPmPage() {
Bus.$emit("toggleData", true);
this.$router.push("/manage/govproject");
},
beforeDestroy() {
Bus.$off()
}
posted @   Felix_Openmind  阅读(292)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示