vue父子组件之间传值

组件和组件之间的通信，最常用的就是父子之间的通信。在vue 中， 在一个组件中通过 import 引入另一个组件，这个组件就是父组件，被引入的组件就是子组件。
父组件传值给子组件
父组件部分：

子组件部分：

总结：

• 父组件中引入子组件，在子组件的标签上绑定你要传给子组件的值；
• 子组件在props中创建一个属性，用以接收父组件传过来的值 ；

子组件在把值传给父组件
子组件部分：

父组件部分：

总结：

• 父组件监听子组件触发的事件，需要在子组件用使用 emit 触发，在父组件的模板中使用 v-on: / @ 自定义事件监听。
• vm.$emit( eventName, […args] ) 可以有两个参数；第一个参数必填，触发当前实例上的函数；第二个参数选填，是向函数传递的数据。