手写一个vue bus的实现

Aa独角戏

已于 2022-07-05 11:19:38 修改

阅读量314

点赞数

分类专栏： vue bus 文章标签：大数据

于 2022-06-29 14:57:33 首次发布

本文链接：https://blog.csdn.net/yw_hard/article/details/125522119

版权

vue 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

bus

1 篇文章 0 订阅

订阅专栏

项目开发中由于只用了很少的地方，组件互相传值，想自己写一个简便的bus，代码如下

Vue.prototype.$self_on = function(Fname, fn) {
    Vue.prototype.$self_on.obj[Fname] = fn;
}
Vue.prototype.$self_on.obj = {}; 
Vue.prototype.$self_emit = function(Fname, value) {
    if(Vue.prototype.$self_on.obj[Fname]) {
        Vue.prototype.$self_on.obj[Fname](value);
    }
}
Vue.prototype.$self_remove = function(Fname){
    delete Vue.prototype.$self_on.obj[Fname]
}
// 先注册一个监听函数
this.$self_on('change', (v) => {console.log(v)})
// 再在相关页面触发
this.$self_emit('change', 123)

//最后在页面销毁的时候删除
this.$self_remove('change')