vue中父子传值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中父子传值相关的知识,希望对你有一定的参考价值。

参考技术A 3父组件是App.vue   子组件是one.vue

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

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

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

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

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

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

以上是关于vue中父子传值的主要内容,如果未能解决你的问题,请参考以下文章

Vue 父子组件、兄弟组件传值

uniapp 父子组件传值

Vue父子组件传值

.sync原理(Vue组件父子传值)

Vue3---父子组件间互相传值

VUE父子组件之间的传值,以及兄弟组件之间的传值