(1):vue中常用事件修饰符:
1.prevent :阻止默认事件(常用)
2.stop:阻止事件冒泡(常用)
3.once:事件只触发一次(常用)
4.capture:使用事件的捕获模式;
5.self:只要event.starget是当前操作的元素时才触发事件
6.passive:事件的默认行为立即执行,无需等待事件回调执行完毕
(2):Vue中常用的键盘事件
1.Vue中常用的按键别名:
keydown和keyup都是键盘事件 (推荐使用keydown)
想用其他事件名,可以在方法里面用console.log(e.key,e.keyCode)去控制台看名字,如果是驼峰名称则:xxx-xxx分开,不分大小写
回车 => enter
删除 => delete (捕获“删除”,和“退格”键)
退出 =>esc
空格 => space
换行 => tab (特殊,事件必须配合keydown去使用)
上 => up
下 => down
左 => left
右 => right
2.Vue未提供别名的按键,可以使用按键原始的key值去绑定,但注意要转为kebab-case(短横线命名)
3.系统修饰键(用法特殊): ctrl,alt,shift,meta
(1).配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发
(2).配合keydown使用:正常触发事件.
4.也可以使用keyCode去指定具体的按键(不推荐)
5.Vue.config.keyCodes.自定义键名,也可以去定制按键别名
(3):内置指令
v-once指令(没有值):
1.v-once所在节点在初次动态渲染后,就视为静态内容了
2.以后数据的改变不会引起v-once所在结构的更新,可以用于优化性能v-pre指令(没有值):
1.跳过其所在节点的编译过程
2.可以利用它跳过:没有使用指令语法,没有使用插值语法的节点,会加快编译。v-model.trim指令:
收集到的值取消前后空格
v-model.number指令:
收集到的值,转为number类型