Vue learning day 2
- @xxx绑定事件
- 事件回调配置在methods中,最终在vm上
- methods中配置函数不要用lambda,否则this就不是vm而是window
- methods中配置的函数都是被Vue所管理的函数,this的指向是vm或组件实例对象
- @click='demo' 和 @click='demo($event)'效果一致,但是后者可以传参
事件修饰符
prevent:阻止默认事件
stop:阻止事件冒泡
once:事件只触发一次
capture:使用事件的捕获模式
self:只有event.target是当前操作的元素时才触发事件
passive:事件的默认行为立即执行,无需等待事件回调执行完毕(非阻塞)
一些事件
@keydown/keyup:键盘按下、抬起
常用键盘别名:
- 回车 = eneter
- 删除 = delete
- 退出 = esc
- 空格 = space
- 换行 = tab
- 上下左右 = up,down,left,right
其他按键
用console.log(e.key)

浙公网安备 33010602011771号