在Vue3下写的

Child组件：

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

<script>
// @ is an alias to /src

export default {
  name: 'Child',
  model: {
    prop: 'text',
    event: 'change'
  },
  props: {
    text: String,
    default () {
      return ''
    }
  }
}
</script>

Parent组件：

<template>
  <div>
    <p>{{name}}</p>
    <Child v-model="name" />
  </div>
</template>
<script>
import Child from './Child'
export default {
  name: 'Parent',
  components: { Child },
  data () {
    return { name: 'Parent' }
  }
}
</script>
<style lang="scss" scoped>
</style>

​