vue中父子组件间的通信
2018-11-17 本文已影响261人
涼涼_570e
1.父组件通过props向子组件通信
#1.先给父组件中绑定自定义的属性
#2.在子组件中使用props接收父组件传递的数据
#3.完成以上操作后就可以在子组件中任意使用
![](https://img.haomeiwen.com/i13131051/c6d02232ba23e0ce.png)
![](https://img.haomeiwen.com/i13131051/78eefa7409e26337.png)
2.子组件通过$emit往父组件发送消息
#1.在父组件中绑定自定义的事件chiildHandler
#2.在子组件中触发原生的事件,在函数中使用$emit触发自定义的childHandler
#3.在父组件中触发自定义的事件
![](https://img.haomeiwen.com/i13131051/11e375e563feb307.png)
后记:等续~~