组件中使用 v-model

vue-cli-webpack 工程， Myhome 是父组件，Person 是子组件， vue 2 版本。

Myhome.vue 文件

<template>
    <did>
        <Person v-model="personname"></Person>
        {{personname}}
    </did>
</template>
<script>
import Person from './Person'
export default {
  data: function () {
    return {
      personname: '--'
    }
  },
  components: {
    Person
  }
}
</script>

Person.vue 文件

<template>
    <div>
        <label for="x001"></label>
        <input id="x001" v-model="personname" @input="onchgname" />
    </div>
</template>
<script>
export default {
  model: {
    prop: 'personname',
    event: 'chgname'
  },
  props: ['personname'],
  methods: {
    onchgname: function (event) {
      this.$emit('chgname', event.target.value)
    }
  }
}
</script>