天天看点

vue的MVVM模型和事件处理(2022-04-22学习笔记)

MVVM模型

基本了解

vue的MVVM模型和事件处理(2022-04-22学习笔记)
vue的MVVM模型和事件处理(2022-04-22学习笔记)
vue的MVVM模型和事件处理(2022-04-22学习笔记)

数据集中到一起—>模板代码----> 框架开始工作

事件绑定:

vue的MVVM模型和事件处理(2022-04-22学习笔记)

事件修饰符:

阻止默认事件,事件冒泡等~~

vue的MVVM模型和事件处理(2022-04-22学习笔记)

滚动条事件:​

​@scroll​

​​ 滚轮事件:​

​@wheel​

一般情况下,我们触发事件,是先要执行完事件中的回调函数,然后才会触发默认事件。比如,在滚轮事件中,我们要先处理好事件中的回调函数,处理完成以后,滚动条才会动一下。如果我们试用了​

​passive​

​​来修饰事件,会直接滚动滚动条,慢慢执行事件中的回调函数。​

​passive​

​在移动端用的比较多,不是针对所有事件的,如果我们用的滚动条事件,滚动条就会直接滚动,不会卡顿。

键盘事件

vue的MVVM模型和事件处理(2022-04-22学习笔记)

​event.key​

​就是键盘按键的名字,我们一般使用这个,一般不使用编码,不同电脑的按键编码可能不一样。

我们也可以自己定义别名,但是不推荐。

vue的MVVM模型和事件处理(2022-04-22学习笔记)

事件的写法:

vue的MVVM模型和事件处理(2022-04-22学习笔记)

不是所有的键盘按键都能绑定事件。

​tab​

​​键的特殊:将焦点从当前元素切走,不适合用​

​keyup​

​​,可以用​

​keydown​

​​。​

​cyrl​

​​、​

​alt​

​​、​

​shift​

​​、​

​meta​

​​(徽标键)的用法也是特殊的,都用​

​keydown​

​比较好。

事件修饰符可以连续写。

vue的MVVM模型和事件处理(2022-04-22学习笔记)

继续阅读