<!-- 子组件 -->
<template>
<div>
<input type="text" :value="value" @input="$emit('input', $event.target.value)">
<h1>{{value}}</h1>
</div>
</template>
<script>
export default {
props: {
value: {
type: String,
default: ''
},
},
}
</script>
<!-- 父组件 -->
<template>
<div>
<HelloWorld v-model="msg"/>
<!-- 相当于 -->
<!-- <HelloWorld :value="msg" @input="msg = $event"/> -->
</div>
</template>
<script>
import HelloWorld from './components/HelloWorld.vue' // 引入
export default {
components: {
HelloWorld
},
}
</script>