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

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)
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容