【vue基础】v-model双向绑定实现

官网：v2.cn.vuejs.org/v2/guide/co…

子组件

<template>
    <input type="text" :value="title" @input="iptEvent($event)">
</template>

<script>
export default {
    props: ['title'],
    model: {
        prop: 'title',
        event: 'change'
    },
    methods: {
        iptEvent($event) {
            console.log($event);
            this.$emit('change', $event.target.value)
        }
    },
}
</script>

父组件

<test v-model="title"></test>