vue学习--笔记9 子传父 父传子 非父子组件传值

1.props 用于父组件向子组件传值

父组件

子组件 

 

2.$emit 用于子组件向父组件传值

但是只能传数据，不能传方法

子组件

 父组件

3.$parent 适用于父组件给子组件传值

（子组件获取父组件数据）

4. $children （父组件获取子组件数据）

5.$root（后代组件获取祖先组件数据）

6.EventBus 兄弟组件传参 ( 不相关的组件之间传值 )

创建一个Vue实例eventBus作为媒介。 在相互通信的兄弟组件中都引入eventBus，让各兄弟组件共用一个事件机制。

通过eventBus.$emit(事件名，参数)传递数据，eventBus.$on(事件名，参数=> {})接收数据

持续更新中•••