多个输入组件绑定一个数据的时候需要
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修饰符即可
