背景介绍
真正的双向绑定是有很高的代价的,因为这违反了数据从父组件流向子组件的规则。所以在vue2.0中,.sync被去掉了。
在vue2.30中,.sync作为语法糖被添加进来,我们可以将.sync视为是子组件通过自定义事件向父组件传递信息的一种缩写。
<text-document
v-bind:title="doc.title"
v-on:update:title="doc.title = $event"
></text-document>
缩写为
<text-document v-bind:title.sync="doc.title"></text-document>
使用
在子组件中调用的时候
this.$emit('update:title', value)