sync不生效 vue_vue .sync的使用

Vue.js 2.x 中已经移除了 `.sync` 修饰符，因此如果你使用的是 Vue.js 2.x 版本，就不能使用 `.sync` 修饰符了。

如果你使用 Vue.js 3.x 版本，`.sync` 修饰符已经被替换成了 `v-model` 双向绑定语法。你可以通过在子组件中使用 `emit` 事件来实现向父组件传递数据。

以下是一个示例代码：

<!-- 父组件 -->
<template>
  <div>
    <ChildComponent :value="value" @update:value="updateValue" />
  </div>
</template>

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

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      value: ''
    }
  },
  methods: {
    updateValue(newValue) {
      this.value = newValue
    }
  }
}
</script>

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

<script>
export default {
  props: {
    value: {
      type: String,
      required: true
    }
  }
}
</script>

在上面的代码中，父组件通过 `value` 属性向子组件传递数据，子组件通过 `$emit` 方法向父组件发送 `update:value` 事件，并传递更新后的值。父组件通过 `@update:value` 监听子组件发送的事件，并更新 `value` 数据。这样就实现了双向数据绑定。