天天看點

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學習筆記)

繼續閱讀