v-model 是 v-bind 和 v-on 的语法糖，实现表单双向绑定；根据元素类型自动适配行为，支持 .lazy/.number/.trim 修饰符；在自定义组件中 vue 3 默认使用 modelvalue prop 和 update:modelvalue 事件。
v-model 是 Vue 模板中实现表单双向绑定最直接的方式，它不是黑箱魔法，而是 v-bind 和 v-on 的语法糖组合——数据自动同步，代码却更简洁。
基础用法：一行指令替代手动赋值+监听
对普通文本输入框，v-model 会自动完成两件事：
- 把数据渲染为 input 的当前值（等价于
:value="message"） - 监听用户输入，实时把新值写回变量（等价于
@input="message = $event.target.value"）
所以：<input v-model="message"> 和手动写绑定+事件效果完全一致，但不用重复处理 DOM 事件细节。
不同表单元素的绑定逻辑有差异
v-model 行为会根据元素类型自动适配语义，不是千篇一律地读取 target.value：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章