sync理解

• sync修饰符能干的，v-model基本上都能干； 可以将sync认为是句法糖(syntatic sugar)。

<text-document 
    v-bind:title="doc.title" 
    v-on:update:title="doc.title = $event" >
</text-document>
复制代码

上面的Vue代码可用sync改写如下：

<!---全部使用句法糖--->
<text-document
    :title.sync="doc.title">
</text-document>
复制代码

综上，我们可以把.sync这一句法糖拆解为：

• v-bind一个data
• v-on:update该属性

直接总结为公式，即为（v-bind与v-on采用句法糖:与@简写）：

:prperty.sync === :prperty + @update="property = $event"