vue中表单可以使用v-model实现双向绑定。

v-model本质上是语法糖。

<input v-model="something">

与下面的相等

<input v-bind:value="something" v-on:input="something = $event.target.value">

如果在自定义组件中，希望使用v-model，可以这样写


1、增加props.value

props: {
    value: {
        require: true
    },


2、在数据变化的时候触发事件input

this.$emit('input', value);


3、使用，与表单元素使用方式一样

<g-component v-model="comValue"></g-component >


使用场景

设置了组件的值，组件操作后值需要更新，并且外部需要得到更新后的值。