v-model

本质

v-model本质是一个语法糖

<input v-model="test">本质上是<input v-bind:value="test" v-on:input="test = $event.target.value">

自定义 v-model

<!-- 父组件使用 -->
<son v-model="sonValue"></son>

// 子组件
export default {
    model: {
        prop: 'sonValue',
        event: 'cc',
    },
    props: {
        sonValue: {
            type: String,
            default: '',
        },
    },
    methods: {
        change(v) {
            this.$emit('cc', v);
        },
    },
};