v-model语法糖在vue组件开发中的传值问题

v-model语法糖在vue组件开发中的传值问题

给组件使用v-model指令,实质上相当于给组件传递了value属性以及监听了input事件

<xx-input v-model="active">

等价与

<xx-input :value="active" @input="value => { active= value }"/>

所以在子组件中接受v-model传过来的值的时候，props中的名称必须为value，并且返回值到父组件的时候this.$emit('input', this.newValue)名称必须为input