medium-code_advanced-valueSync-usage.vue

<template>
  <div v-for="(item, index) in valueSync" :key="item.id">
    name: <input type="text" v-model="item.name" @input="syncPropValue">
    years: <input type="number" v-model="item.year" @input="syncPropValue">
    <button @click="removePepole(index)">remove</button>
  </div>
</template>

<script>
export default {
  //...
  medthods: {
    removePepole(index) {
      this.valueSync.splice(index, 1)
      this.syncPropValue()
    },
    
    syncPropValue(value) {
      this.$emit('input', this.valueSync)
    },
  },
}
</script>