v-model的实现原理:
v-model="msg"等同于 :value="msg" @input="msg=$event.target.value"
v-model其实是个语法糖,它实际上是做了两步动作:
1、绑定数据value
2、触发输入事件input
一句话概括就是,绑定数据并且监听数据改变
Vue的常用指令:
v-text、v-html、v-pre、v-once、v-show、v-if、v-else、v-else-if、v-for、v-on、v-bind、v-model
Vue的修饰符:
.trim 自动过滤用户输入的首尾空格
.number 自动将用户的输入值转化为数值类型
.lazy 默认情况下,v-model同步输入框的值和数据。可以通过这个修饰符,转变为在change事件再同步。
.stop 阻止事件继续传播
.prevent 事件不再重载页面
.once 事件将只会触发一次
.passive 告诉浏览器你不想阻止事件的默认行为