Vue中的常用事件

(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类型