Vue基础之事件修饰符、滚动监听、键盘监听及别名

1.Vue提供了6种事件修饰符

    1.prevent 阻止默认事件

    2.stop 阻止事件冒泡

    3.once 事件只触发一次

    4.capture 使用事件的捕获模式

    5.self 只有evetn.target是当前操作的元素时才触发事件

    6.passive 事件默认行为立即执行，无需等待事件回调执行完毕

例：Vue常见修饰符

注：单独用，也可以可以连着用，如@click.prevent.stop

2.滚动监听

[email protected] 滚动条滚动监听

2. @wheel.passive 鼠标滚动监听 大数据状态下无需事件处理完毕刷新页面，页面会立即刷新

3.Vue中键盘监听及别名

1.Vue常用键盘别名

    回车 enter

    删除 delete

    退出 esc

    空格 space

    换行 tab

    上 up

    下 down

    左 lfet

    右 right

例：

2.自定义键盘别名

template中：

script中：Vue.config.keyCodes.huiche = 13;// 键盘自定义别名