vue3.0 sync屬性變化

.sync使用方法改變

1. 帶參數的 v-model

• 2.x

<ChildComponent :title.sync="pageTitle" />

• 3.x

<ChildComponent v-model:title="pageTitle" />

2. 不帶參數的 v-model

• 3.x

<ChildComponent v-model="pageTitle" />

export default {
  props: {
    modelValue: String // 以前是`value：String`
  },
  emits: ['update:modelValue'],
  methods: {
    changePageTitle(title) {
      this.$emit('update:modelValue', title) // 以前是 `this.$emit('input', title)`
    }
  }