vue中父子传值

2022-04-06  本文已影响0人  方_圆

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

父子传值

    一。父向子:

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

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

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


 二。 子向父 :

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读