vue父子组件通信

父传子：我们在 Parent.vue 组件里面引用子组件 Childs.vue 然后传入 userName 参数给子组件,Childs 在props里面接收父组件传传来的数据。props可以传入String、Number、Object、Boolen、Array等数据类型

然后在子组件中用props接受后，在子组件中使用该属性

props还能直接接受一个对象

使用props接受父组件传来的数值，还可以定义接受属性的规则，例如传入的类型，是否为必要值，以及默认值

如果传入的数值不符合规则，则会抛出错误

子传父：子组件向父组件传递数据，不能像上面一样实时的传递数据，必须通过 事件 触发。我们通过 $emit 方法来向父子间传递数据，第一个参数为事件的 名称 ，第二个为传递的 数据 ，是一个可选的参数。父组件必须监听同样的事件名称才能监听到我们的这个事件，事件抛出的值必须通过 $event或者通过一个方法来访问。

参考链接