vue3.0 sync属性变化

.sync使用方法改变

.sync 的部分替换为 v-model

  1. 带参数的 v-model

2.x

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

3.x

<ChildComponent v-model:title="pageTitle" />
  1. 不带参数的 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)`
    }
  }

上一篇:spring源码


下一篇:vue3——自己实现复选框效果组件封装