vue3中:current.sync报错

在Vue 3中，`.sync`修饰符已被移除了，因为现在可以使用`v-model`来实现双向绑定。如果你想要实现双向绑定，可以使用`v-model`指令。例如：

<template>
  <div>
    <input v-model="text">
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    }
  }
}
</script>

如果你要在子组件中使用`props`传递数据，并且需要在父组件中更新该数据，可以使用`emit`来触发自定义事件。例如：

<!-- 子组件 -->
<template>
  <div>
    <input :value="text" @input="$emit('update:text', $event.target.value)">
  </div>
</template>

<script>
export default {
  props: {
    text: String
  }
}
</script>

<!-- 父组件 -->
<template>
  <div>
    <child-component :text.sync="message"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue'

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      message: ''
    }
  }
}
</script>

在Vue 3中，`.sync`修饰符被移除了，所以你不能使用`current.sync`。如果你仍然想使用`.sync`修饰符，可以使用Vue 2进行开发。