美文网首页
vue里面v-model的语法糖(自定义组件如何使用v-mode

vue里面v-model的语法糖(自定义组件如何使用v-mode

作者: easy_code | 来源:发表于2019-01-08 15:03 被阅读0次

    vue里面v-model的语法糖:

    <custom
      v-model='something'>
    </custom>
    

    约等于:

    <custom
      :value="something"
      @input="value => { something = value }">
    </custom>
    

    这样有利用我们手动实现双向绑定,在子组件里面,首先在props里面接收一下value值,然后初始化到newValue里面,然后监听newValue值变化,变化后发射事件到父组件

    watch:{
      newValue(){
        this.$emit('input', this.newValue)
      }
    }
    

    相关文章

      网友评论

          本文标题:vue里面v-model的语法糖(自定义组件如何使用v-mode

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