.sync修饰符

2019-10-09  本文已影响0人  key君

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>
上一篇下一篇

猜你喜欢

热点阅读