父子组件通信关系

 1. 两种组件关系分类 和 对应的组件通信方案

    父子关系 → props & $emit

    非父子关系 → provide & inject 或 eventbus 通用方案 → vuex

 

2. 父子通信方案的核心流程

  2.1 父传子props：

① 父中给子添加属性传值 ② 子props 接收 ③ 子组件使用

 2.2 子传父$emit：

 

① 子$emit 发送消息 ②父中给子添加消息监听 ③ 父中实现处理函数