vue组件之间彼此传值的过程
原创vue组件之间传递值的三种方法。
父组件将值传递给子组件。
//子组件代码
//父组件代码
//这里的msg与子组件中定义的属性名称一致
最后,总结了要点:
- 子组件在props创建一个属性以接收从父组件传递的值。
- 请注意父组件中的小册子组件。
- 将子构件添加到子构件标签props在中创建的属性( 属性名称应一致 )
- 给msg赋值
子组件将值传递给父组件。
//子组件代码
//父组件代码
//这里的msg与子组件中定义的属性名称一致
最后,总结了要点:
- 子组件需要以某种方式触发,例如单击事件以触发自定义事件。
- 需要传递的值。emit第二个参数,它作为实际参数传递给响应自定义事件的方法。
- 请注意父组件中的小册子组件。,并在子组件标签上绑定对自定义事件的监听( emit第一个参数值,位于父组件中。v-on:以下方法名称一致 )
子组件将值传递给子组件。
第三种方法实际上是使用上述两种方法,首先使用子组件。1传递父组件,然后将值赋予子组件。2.
根据上面的总结,得出一个句子:父母使用属性,孩子使用事件;
版权声明
所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除