vue3中v-model的父子傳值問題

今天寫項目發現vue3中v-model的父子傳值的默認值改變了

 

在vue2.x中

父組件綁定v-model

<tinymce :height="600" v-model="item.html" />

子組件通過props接收，默認值是value

  props: {
    value: {
      type: String,
      default: ""
    },
  },

子組件通過input方法像父元素v-model傳值,默認方法是input

this.$emit("input", 內容);

 

但在vue3中的默認值改變了

 

子組件通過props接收，默認值是modelValue

  props: {
    modelValue: {
      type: String,
      default: "" }, },

子組件通過update:modelValue方法像父元素v-model傳值,默認方法是update，:后面是需要傳值的父元素綁定的值

this.$emit("update:modelValue", 內容);

 未完待續