组件中使用 v-model

<template>
    <did>
        <Person v-model="homeaddress">a</Person>
        <p>{{homeaddress}}</p>
    </did>
</template>
<script>
import Person from ‘./Person‘
export default {
  data: function () {
    return {
      homeaddress: ‘新县‘
    }
  },
  components: {
    Person
  }
}
</script>

<template>
    <div>
        <label for="001"></label>
        <input id="001" type="text" v-model="address" @input="onpersoninput" />
    </div>
</template>
<script>
export default {
  model: {
    prop: ‘address‘,
    event: ‘chgaddress‘
  },
  props: [‘address‘],
  methods: {
    onpersoninput (event) {
      this.$emit(‘chgaddress‘, this.address)
    }
  }
}
</script>