vue里面兄弟组件通信的bus.js配置

最新推荐文章于 2023-11-17 10:43:33 发布

lyj一叶知秋

最新推荐文章于 2023-11-17 10:43:33 发布

阅读量856

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/lyj15390447067/article/details/123715510

版权

这篇文章介绍了如何在Vue应用中创建一个名为constBus的全局事件总线，用于组件间的通信，包括emit、on和off方法的封装。通过$bus属性，开发者可以轻松在Vue实例中使用此工具进行异步消息传递。

摘要由CSDN通过智能技术生成

const bus = function(Vue){

    const Bus = new Vue({

        methods:{

            emit(event,...args){

                this.$emit(event,...args);

            },

            on(event,callback){

                this.$on(event,callback);

            },

            off(event,callback){

                this.$off(event,callback);

            }

        }

    })

    Vue.prototype.$bus=Bus;
}

export default bus;

单独创建一个bus.js文件，然后在使用的地方引入在调用