美文网首页
.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