sync理解

83 阅读1分钟
  • 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-bindv-on采用句法糖:@简写):

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