Vue 子组件与父组件之间的 双向数据绑定

方法一(常规)

  1. 父组件传递数据到子组件;
  2. 子组件将数据转成本地数据

 

  1. 但是此时,父组件如果更新了name 值,但是子组件中的 iName 不会随之更改;所以要监听父组件传入数据的变化,随之更新子组件;

 

  1. 此时,父组件更新 name ,子组件展示出来的数据(iName)会随之变化,但是子组件修改数据,父组件不会变化,所以需要监听子组件数据(iName)的变化,通知父组件进行更新

 

方法二(自定义 v-model 双向数据绑定)

自定义组件中使用 v-model 进行双向数据绑定,相当于;

 

方法三(.sync 修饰符)

 

拆开后

 

 

from:https://blog.csdn.net/qq_39125684/article/details/90380268