组件和组件之间的通信,最常用的就是父子之间的通信。在vue 中, 在一个组件中通过 import 引入另一个组件,这个组件就是父组件,被引入的组件就是子组件。
父组件传值给子组件
父组件部分:
子组件部分:
总结:
- 父组件中引入子组件,在子组件的标签上绑定你要传给子组件的值;
- 子组件在props中创建一个属性,用以接收父组件传过来的值 ;
子组件在把值传给父组件
子组件部分:
父组件部分:
总结:
- 父组件监听子组件触发的事件,需要在子组件用使用 emit 触发,在父组件的模板中使用 v-on: / @ 自定义事件监听。
- vm.$emit( eventName, […args] ) 可以有两个参数;第一个参数必填,触发当前实例上的函数;第二个参数选填,是向函数传递的数据。