vue 指令语法总结

1.v-bind

给标签属性设置vue变量的值

语法: v-bind:属性名 = "vue变量"   

简写   :属性名= "vue变量"

2.v-on 

给标签绑定事件

语法: v-on:事件名 = "要执行的 少量 代码"

v-on: 事件名 ="methods 中的函数"

v-on: 事件名= "methods中的函数 (实参)"

简写: @事件名 = "methods 中的函数"

3.v-on事件对象  

vue事件处理函数中, 拿到事件对象

• 无传参, 通过形参直接接收

• 传参, 通过$event指代事件对象传给事件处理函数

4. v-on修饰符

在事件后面.修饰符名 - 给事件带来更强大的功能

@事件名.修饰符="methods里函数"

• .stop - 阻止事件冒泡

• .prevent - 阻止默认行为

• .once - 程序运行期间, 只触发一次事件处理函数

5. v-on按键修饰符

给键盘事件, 添加修饰符, 增强能力

• @keyup.enter - 监测回车按键