vue 自定义组件 v-model双向绑定、 父子组件同步通信(父子双向绑定)

参考文档:https://www.cnblogs.com/gsgs/p/7294160.html

父子组件通信,都是单向的,很多时候需要双向通信。方法如下:

1、父组件使用:msg.sync="aa" 子组件使用$emit('update:msg', 'msg改变后的值xxx')

2、父组件传值直接传对象,子组件收到对象后可随意改变对象的属性,但不能改变对象本身。

3、父组件使用: v-model

第一种曾经被废除过,由于维护成本的原因被删掉,但经过证实,确实有存在的意义,又被加上。

第一种、sync方式
// 父组件:
    
 


// 子组件:
 


第二种、v-model方式
// 父组件:
 



// 子组件写法一:




//  子组件写法二:



你可能感兴趣的:(vue 自定义组件 v-model双向绑定、 父子组件同步通信(父子双向绑定))