Vue开发中如何实现跨组件通信

2024年06月21日 建站教程

Vue语法如何实现跨组件通信,下面web建站小编给大家简单介绍一下!​

具体实现代码如下:

// 创建事件总线
Vue.prototype.$eventBus = new Vue()

//在发送事件的组件中,可以通过以下代码来触发事件:
this.$eventBus.$emit('update-message', 'Hello World!')

//在接收事件的组件中,可以通过以下代码来监听该事件:
this.$eventBus.$on('event-name', function (data) {
  // 处理接收到的数据
  this.message = data
})

本文链接:http://so.lmcjl.com/news/6996/

展开阅读全文
相关内容