如何理解Vue的.sync修饰符

100 阅读1分钟

如何理解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>