vue3.0 sync属性变化

.sync使用方法改变

.sync 的部分替换为 v-model

1. 带参数的 v-model

2.x

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

3.x

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

2. 不带参数的 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)`
    }
  }

标签：String,title,sync,update,vue3.0,model,modelValue,属性
来源： https://www.cnblogs.com/shiazhen/p/14989289.html