2.0 v-model迁移3.0

https://v3.cn.vuejs.org/guide/migration/v-model.html#迁移策略

对于所有不带参数的 v-model，请确保分别将 prop 和 event 命名更改为 modelValue 和 update:modelValue


<ChildComponent v-model="pageTitle" />


// ChildComponent.vue

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

VueUse

Shorthand for v-model binding, props + emit -> ref Show Type Declarations typescript /** * When passive is set to `true`, it will use `watch` to sync with props and ref. * Instead of relying on the `v-model` or `.sync` to work.

https://vueuse.org/core/useVModel/