Vue中的v-model

欢迎来到我的博客 / 2023-05-11 / 原文

Vue中的v-model

  • Vue2

    v-model只能用于表单类元素上,即类似于输入类元素那样有value值的,比如select框、多选框、单选框、输入框。

    这就是双向绑定,绑定的就是value

  • Vue3

    在允许表单元素使用的基础上,增加了允许在组件标签上使用,实际效用如下:

    • :modelValue: xxx
    • @update:modelValue: xxx = paramsValue,但是这玩意儿要手动触发(在Vue2中也是可以绑定诸如xxx:abcd之类的事件的,事件名字可以如此命名)

    具体细节建议看官方文档

相关链接:

https://cn.vuejs.org/guide/components/v-model.html