Vue父子组件传值相关

父组件传给子组件

 

子组件

父组件

 

 

 

子组件传给父组件

父组件

子组件

问题：vue如何实现子组件传值给父组件？

回答：核心是回调函数，父组件通过@把方法传给子组件，子组件回调函数，

react——单向数据流

vue——单向数据流（双向绑定功能）

回调函数例：

7-10 callback 对应子组件sendFather()

13-15 value 对应父组件getSon()

17 对应父组件@sendSon = "getSon"

 

兄弟组件之间传值

eventBus.js

One.vue 发送

Two.vue

Home.vue

$emit $on原理：发布订阅模式