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

MVVM模型

基本了解

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

事件绑定：

事件修饰符：

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

滚动条事件：@scroll
滚轮事件：@wheel

一般情况下，我们触发事件，是先要执行完事件中的回调函数，然后才会触发默认事件。比如，在滚轮事件中，我们要先处理好事件中的回调函数，处理完成以后，滚动条才会动一下。如果我们试用了passive来修饰事件，会直接滚动滚动条，慢慢执行事件中的回调函数。passive在移动端用的比较多，不是针对所有事件的，如果我们用的滚动条事件，滚动条就会直接滚动，不会卡顿。

键盘事件

event.key就是键盘按键的名字，我们一般使用这个，一般不使用编码，不同电脑的按键编码可能不一样。
我们也可以自己定义别名，但是不推荐。

事件的写法：

不是所有的键盘按键都能绑定事件。
tab键的特殊：将焦点从当前元素切走，不适合用keyup，可以用keydown。cyrl、alt、shift、meta（徽标键）的用法也是特殊的，都用keydown比较好。
事件修饰符可以连续写。