vue框架v-model绑定自定义事件 完美解决

父组件

<template>
<div class="parent">
<Test v-model="msg"></Test>
<p>{{msg}}</p>
</div>
</template>

<script>
import Test from "./components/Test"
export default {
name:"parent",
data(){
return{
msg:""
}
},
props:["value"],

components:{
Test
}
}
</script>

子组件 ：Test.vue

<template>
<input type="text" :value=value @input="$emit('input',$event.target.value)" >
</template>

<script>
export default {
name:"test",
data(){
return{
value:""
}
},

}
</script>

详细释义请见第三页原作者解释 很清晰 本人看后 才捋清了 相互绑定关系

解决该问题的指导文章：

https://www.jianshu.com/p/7298e8e6c837