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