Vue 事件总线进行数据通讯

Vue 事件总线进行数据通讯

码农世界 2024-05-24 前端 73 次浏览 0个评论

1、在main.js里加上

new Vue({
    render: h => h(App),
    //事件总线
    beforeCreate() {
        Vue.prototype.$bus = this
    }
}).$mount('#app')

2、

发送事件

在发送事件的组件中,你可以使用this.$emit方法触发一个事件,并传递所需的参数

// ComponentA.vue

3、在需要接收事件的组件中,使用this.x.$on方法监听事件,并定义响应的处理函数:

// ComponentB.vue

转载请注明来自码农世界,本文标题:《Vue 事件总线进行数据通讯》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,73人围观)参与讨论

还没有评论,来说两句吧...

Top