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>