v-model指令的基本使用

262 阅读1分钟

介绍

vue 提供了 v-model 双向数据绑定指令,用来辅助开发者在不操作 DOM 的前提下,快速获取表单的数据

作用

可以实现数据与元素的双向绑定

  • 数据变化 会影响dom元素

  • dom元素中的内容变化也会影响数据

使用限制

不是任何的元素都能添加v-model,只有input,textarea,select可以使用v-model

语法

<标签  v-model='数据'></标签>,如<input v-model="msg"/>

使用场景

一般用于展示默认数据或需要收集用户数据的场景

v-model指令常用的修饰符

image.png