vue组件间通信

记录一下vue组件间通信方式

父子组件通信

  • 创建子组件





  • 在App.vue中注册Child组件


子父组件通信

  • 在子组件中创建一个按钮,给按钮绑定点击事件
  • 使用$emit来触发一个自定义事件,并传递一个参数



  • 在父组件中监听该自定义事件并做处理



兄弟组件通信

  • 创建中央事件总线
import Vue from 'Vue'

export default new Vue
  • 第一个组件





  • 第二个组件





  • 在父组件中,注册这两个组件





你可能感兴趣的:(vue组件间通信)