.sync使用方法改变
一、带参数的 v-model
- 2.x
<ChildComponent :title.sync="pageTitle" />
- 3.x
<ChildComponent v-model:title="pageTitle" />
二、不带参数的 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)`
}
}