多个输入组件绑定一个数据的时候需要

1 .原始版本
<text-document
  v-bind:title="doc.title"
  v-on:update:title="doc.title = $event"
></text-document>
//组件调用的时候可以需要这样复杂且多余的操作

<template>
    <div>
        {{name}}       
        <input v-model="oldName" @input="handleInput">
    </div>
</template>
<script>
export default {
    props:{
        name:{
            type:String,
            default:'0000'
        }
    },
    data:function(){
        return {
            oldName:'123'
        }
    },
    methods:{
        handleInput(){
            this.$emit('update:name',this.oldName)
//关键
        }
    }
}
</script>

//调用时
<T1 v-bind:name.sync='fatherName'/> 
//只需要多一个 .asyc修饰符即可