.sync使用方法改变
.sync 的部分替换为 v-model
- 带参数的 v-model
2.x
<ChildComponent :title.sync="pageTitle" />
3.x
<ChildComponent v-model:title="pageTitle" />
- 不带参数的 v-model
3.x
<ChildComponent v-model:title="pageTitle" />
export default {
props: {
modelValue: String // 以前是`value:String`
},
emits: ['update:modelValue'],
methods: {
changePageTitle(title) {
this.$emit('update:modelValue', title) // 以前是 `this.$emit('input', title)`
}
}