medium-code_props_sync.vue

<template>
  name: <input type="text" v-model="nameSync">
  year: <input type="number" v-model="yearSync">
</template>

<script>
export default {
  //...
  props: {
    name: {
      type: String,
      default: '',
    },
    year: {
      type: Number,
      default: 0,
    },
  },
  computed: {
    nameSync: {
      get() {
        return this.name
      },
      set(value) {
        this.$emit('update:name', value)
      }
    },
    yearSync: {
      get() {
        return this.year
      },
      set(value) {
        this.$emit('update:year', value)
      }
    },
  },
}
</script>