vue不同组件之间进行数据通信和方法调用介绍

vue开发中，如何实现不同组件之间进行数据通信，下面web建站小编给大家简单介绍一下具体实现方法！

具体代码如下：

// main.js
import Vue from 'vue'
export const EventBus = new Vue()
 
// 组件一.vue
import { EventBus } from '@/main.js'
export default {
  mounted() {
    EventBus.$emit('dataChanged', this.data)
  }
}
 
// 组件二.vue
import { EventBus } from '@/main.js'
export default {
  data() {
    return {
      data: null
    }
  },
  mounted() {
    EventBus.$on('dataChanged', (data) => {
      this.data = data
    })
  }
}

vue如何实现同级组件传参（兄弟组件之间传参）

标签： vue数据通信, vue组件参数

上面是“vue不同组件之间进行数据通信和方法调用介绍”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4593.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！