.sync记录

72 阅读1分钟

Vue中.sync使用方法(编译语法糖),扩展为自动更新父组件属性的v-on监听器。

示例代码:

<Tags :data.sync=tags" />

扩展为:

<Tags :data="tags" @update:data=>"val => tags = val" />

当子组件需要更新data的值时,它会显性触发一个更新事件: this.$emit('update:data', newValue)

vue修饰符sync的功能是为了子组件改变prop的值时,变化会同步到父组件并绑定。