vue中 .sync 修饰符的使用

父组件使用 .sync 修饰符

<template>
  <div class="Home">
    <v-model :text.sync='text' ></v-model>
    <div>{{text}}</div>
  </div>
</template>

子组件利用 this.$emit('update:text', text) 更新父组件的值

<template>
  <div class="VMoldel">
    <input  @input="onInput" />
  </div>
</template>

<script>
export default {
  name: 'VMoldel',
  methods: {
    onInput (e) { //更新父组件的值
      this.$emit('update:text', e.target.value)
    }
  },
}
</script>