.sync 修饰符的理解

正常
子组件:
this.$emit('update:title', newTitle)

父组件:
<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>

适用于:
简单数据结构场景,子组件修改父组件的值场景模拟双向绑定(扩展v-modol基于inPut的双向绑定)。

  

posted @ 2019-04-16 10:19  霜末之冬  阅读(172)  评论(0编辑  收藏  举报