Vue 组件通信

• 父传子 - 在组件标签上通过自定义属性的形式:list="list"绑定数据，然后在子组件中通过props接收props:[list]
  示例：
  1.父组件

    //组件标签 - 父组件（绑定数据）
    

    

2. 子组件

   //组件标签 - 子组件（通过props接收）
   

  

• 子传父 - 在子组件中通过this.$emit('自定义事件名称', '要传递的数据')，完成子组件配置，在父组件中的子组件的组件标签上通过@自定义事件="事件处理函数"，来完成父组件接收的任务
  示例：
  1.子组件

    // 子组件 - 发射
    
    
    

2. 父组件

    // 父组件 - 接收
    
    
    

• 兄弟之间 - 可以借助于父组件作为中转完成通信 子 > 父 > 子

中央通信

目前中央通信是解决组件通信的最佳方法。

无需关注组件嵌套层级，也无需关注组件关系

$emit - 完成发射

$on - 监听