美文网首页
.sync修饰符

.sync修饰符

作者: key君 | 来源:发表于2019-10-09 19:04 被阅读0次

props是单向数据流 一般子组件是不能改变props的值的
update:myPropName模式却可以实现props的“双向绑定”

this.$emit('update:title', newTitle)

父组件 :key.sync="变量"
.sync后面不能跟表达式

<text-document v-bind:title.sync="doc.title"></text-document>
展开就是
<text-document
  v-bind:title="doc.title"
  v-on:update:title="doc.title = $event"
></text-document>

如果想绑定多个属性 可以直接绑定一个对象

<text-document v-bind.sync="doc"></text-document>

相关文章

网友评论

      本文标题:.sync修饰符

      本文链接:https://www.haomeiwen.com/subject/ebvgpctx.html