如何理解Vue的.sync修饰符
按照vue官方文档的解释,.sync其实就是子组件修改父组件prop时v-bind+v-on+this.$emit的简写。 代码示例: 父组件绑定title给子组件
<text-document v-bind:title="doc.title" v-on:update:title="doc.title = $event" ></text-document>
子组件触发更新
this.$emit('update:title', newTitle)
.sync简写
<text-document v-bind.sync="doc"></text-document>