Question

Vue中v-model基本使用

Answer 1

结果：

Vue中使用v-model指令来实现表单元素和数据的双向绑定。监听用户的输入，然后更新数据。

v-model本质上是个语法糖，其实现原理包含两个步骤

v-on:input="" 用于动态监听用户输入的信息，在界面上产生一个事件后，浏览器会生成一个event对象，这个event对象就包含了输入的信息

除了上面的文本类型，v-model还能结合其他类型使用

结果：

结果：

结果：

结果：

v-model在默认情况下同步了输入框的数据，就是说输入框数据一有改变，对应的data中的数据就会自动发生改变。 lazy 修饰符可以让数据在失去焦点之后才更新

默认情况下，输入框得到的数据最后都会变成字符串形式。 number 修饰符可以将输入框得到的内容转为数字类型。

trim 修饰符可以去掉从输入框获取的内容的左右两边的空格