vue组件封装v-model,组件嵌套组件时封装v-model

首先来理解下 v-model


是语法糖


与组件一起使用时,简化为



所以对于一个组件来说v-model,它应该(这些可以在2.2.0+中配置):
1.接受value道具
2.用新值发出一个input事件

一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目。model 选项可以用来避免这样的冲突:



现在使用这个二次封装的组件的时候



你可能感兴趣的:(vue组件封装v-model,组件嵌套组件时封装v-model)