vue中父子传值

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

父子传值

    一。父向子:

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

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

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



 二。 子向父 :

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


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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容