vue组件间通信

作者: 井皮 | 来源:发表于2018-11-21 12:50 被阅读0次

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

相关文章

网友评论

    本文标题:vue组件间通信

    本文链接:https://www.haomeiwen.com/subject/zioqqqtx.html