父组件直接在子组件上写 v-model 即可
<template>
<input type="text"
:value="text"
@input="$emit('change', $event.target.value)"
>
<!--
1、上面的 input 使用了 :value 而不是 v-model
2、上面的 change 和 model.event 要对应起来
3、text 属性要对应
-->
</template>
<script>
export default {
model: {
prop: 'text', // 对应 props text
event: 'change'
},
props: {
text: String,
default() {
return: ''
}
}
}
</script>
