MyInput.vue
代码语言：javascript复制<template>
<div>
<input type="text" :value="text" @input="$emit('change',$event.target.value)">
</div>
</template>
<script>
export default {
model:{
prop:'text', // 对应到props text
event:'change'
},
props:{
text:String
}
}
</script>调用
代码语言：javascript复制<template>
<div> {{text}}
<MyInput v-model="text"></MyInput>
</div>
</template>
<script>
import MyInput from '../components/MyInput'
export default {
components:{
MyInput
},
data(){
return {
text:''
}
}
}
</script>
