.sync 修饰符的理解

baicheng1855

于 2019-04-16 10:19:00 发布

阅读量131

点赞数

文章标签：数据结构与算法

原文链接：http://www.cnblogs.com/smzd/p/10715301.html

版权

正常
子组件：
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的双向绑定）。

转载于:https://www.cnblogs.com/smzd/p/10715301.html