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即为父组件接收自子组件的值。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。