vue组件之间彼此传值的过程

原创
小哥 3年前 (2022-11-07) 阅读数 46 #大杂烩

vue组件之间传递值的三种方法。

父组件将值传递给子组件。

//子组件代码




//父组件代码


最后,总结了要点:

  1. 子组件在props创建一个属性以接收从父组件传递的值。
  2. 请注意父组件中的小册子组件。
  3. 将子构件添加到子构件标签props在中创建的属性( 属性名称应一致
  4. 给msg赋值

子组件将值传递给父组件。

//子组件代码




//父组件代码


最后,总结了要点:

  1. 子组件需要以某种方式触发,例如单击事件以触发自定义事件。
  2. 需要传递的值。emit第二个参数,它作为实际参数传递给响应自定义事件的方法。
  3. 请注意父组件中的小册子组件。,并在子组件标签上绑定对自定义事件的监听( emit第一个参数值,位于父组件中。v-on:以下方法名称一致

子组件将值传递给子组件。

第三种方法实际上是使用上述两种方法,首先使用子组件。1传递父组件,然后将值赋予子组件。2.

根据上面的总结,得出一个句子:父母使用属性,孩子使用事件;

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门