从 2.3.0 起我们重新引入了 .sync 修饰符,但是这次它只是作为一个编译时的语法糖存在。它会被扩展为一个自动更新父组件属性的 v-on 监听器。
举个例子,在一个包含 title prop 的假设的组件中,我们可以用以下方法表达对其赋新值的意图:
this.$emit('update:title', newTitle)
然后父组件可以监听那个事件并根据需要更新一个本地的数据 property
<text-document
v-bind:title="doc.title"
v-on:update:title="doc.title = $event" >
</text-document>
这时候可以用.sync修饰符来简化以上代码:
<text-document v-bind:title.sync="doc.title"></text-document
vue 修饰符sync的功能是:当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中所绑定,这样就实现了prop的双向绑定。