vue组件间通信

vue组件间通信

1.父组件向子组件传递数据--props

父组件

子组件

在vue2.0中使用props实现向子组件传递数据：

第一步：父组件中将需要传递的数据formSliderURL赋值给公共reqSliderURL变量。

第二步：子组件通过props:['reqSliderURL']取得reqSliderURL，在子组件中可直接使用reqSliderURL变量，其值为父组件中的formSliderURL

2.子组件向父组件发送数据--$emit

子组件

父组件-1

父组件-2

在vue2.0中使用props实现向子组件传递数据：

第一步：在子组件中将需要传递的数据optItem通过$emit绑定increment事件发射出去。

第二步：在父组件中触发increment事件执行getPathShow方法，其getPathShow（newVal）方法中参数newVal即为父组件接收自子组件的值。