Vue learning day 2

  1. @xxx绑定事件
  2. 事件回调配置在methods中,最终在vm上
  3. methods中配置函数不要用lambda,否则this就不是vm而是window
  4. methods中配置的函数都是被Vue所管理的函数,this的指向是vm或组件实例对象
  5. @click='demo' 和 @click='demo($event)'效果一致,但是后者可以传参

事件修饰符

prevent:阻止默认事件
stop:阻止事件冒泡
once:事件只触发一次
capture:使用事件的捕获模式
self:只有event.target是当前操作的元素时才触发事件
passive:事件的默认行为立即执行,无需等待事件回调执行完毕(非阻塞)

一些事件

@keydown/keyup:键盘按下、抬起

常用键盘别名:

  1. 回车 = eneter
  2. 删除 = delete
  3. 退出 = esc
  4. 空格 = space
  5. 换行 = tab
  6. 上下左右 = up,down,left,right

其他按键

用console.log(e.key)

posted @ 2022-01-23 11:35  fristzzz  阅读(20)  评论(0)    收藏  举报