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

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

具体实现代码如下:

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

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

//在接收事件的组件中,可以通过以下代码来监听该事件:
this.$eventBus.$on('event-name', function (data) {
  // 处理接收到的数据
  this.message = data
})
以上是编程学习网小编为您介绍的“Vue开发中如何实现跨组件通信”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:Vue开发中如何实现跨组件通信

基础教程推荐