美文网首页
vue中父子传值

vue中父子传值

作者: 方_圆 | 来源:发表于2022-04-06 17:18 被阅读0次

3父组件是App.vue   子组件是one.vue

父子传值

    一。父向子:

(1)在父组件中引用子组件

    (2)    在子组件中自定义可以接收的属性:

  (3)这时候,我们就可以在子组件中使用这个data了(.如果我们直接改变props的data属性的值,会报错(怕我们数据流发生混                                    乱),所以我们要定义一个属性初始化这个传过来的name)


 二。 子向父 :

       (1) 子组件通过this.$emit()的方式将值传递给父组件,父组件用函数的方式接收。

        (2)父组件用函数的方式接收。注意:这里的send是父组件中绑定的函数名父子组件中命名要一致

             (3)通过父亲中的函数,就可以拿到传过来的数据了

相关文章

网友评论

      本文标题:vue中父子传值

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