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

2019-01-08  本文已影响0人  easy_code

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

猜你喜欢

热点阅读