p16vue面試題

1、nextTick（）：DOM更新循環(huán)結(jié)束之后執(zhí)行的回調(diào)，可以獲取更新之后的DOM。原理是使用了宏任務(wù)和微任務(wù)定義了一個方法，調(diào)用nextTick（）將方法放入隊列中，通過異步方法清空隊列。

2、虛擬dom提高性能：真實dom會整體渲染，虛擬dom是局部刷新變化的位置。

3、vue的性能優(yōu)化

首屏加載優(yōu)化、路由懶加載、開啟服務(wù)器Gzip壓縮、啟動CND加速、代碼優(yōu)化（computed和watch區(qū)分場景使用、v-if和v-show區(qū)分場景使用、v-for必須添加key等）、webpack對圖片進行壓縮、避免內(nèi)存泄漏、減少ES6轉(zhuǎn)為ES5的冗余代碼

4、vue常用修飾符

v-model修飾符：

lazy：光標(biāo)離開后才會更新數(shù)據(jù)

tirm：過濾首尾空格

number：先輸入數(shù)字就會限制輸入只能是數(shù)字，先輸入字符串相當(dāng)于沒有加number

事件修飾符：

stop：阻止事件冒泡

prevent：阻止默認(rèn)行為

self:只有元素本身觸發(fā)時才能觸發(fā)方法

once：事件只能用一次

captrue：事件的完整機制是捕獲-目標(biāo)-冒泡，事件觸發(fā)就是往外冒泡

sync：對屬性進行雙向綁定

keyCode：監(jiān)聽按鍵的指令

5、vue中template的編譯過程

通過parse（）生成抽象語法樹=》optime對靜態(tài)節(jié)點優(yōu)化=》generate生成render字符串=》調(diào)用new Watcher（）函數(shù)監(jiān)聽數(shù)據(jù)的變化，render在數(shù)據(jù)監(jiān)聽的回調(diào)時調(diào)用重新生成Vnode。

6、vue3

性能比vue2更快（diff算法更快、靜態(tài)提升、事件監(jiān)聽緩存）、體積比vue3更?。╲ite方法創(chuàng)建項目）、支持組合API、更好的支持TS、更先進的組件

7、ref和reactive

ref一般監(jiān)聽基本類型

reactive只能監(jiān)聽對象

ref定義的數(shù)據(jù)獲取的時候要.value

8、vuex和reduce區(qū)別

vuex改進了redux的action和reducer函數(shù)，用mutations取代了reducer，只需在對應(yīng)的mutation函數(shù)里改變state的值就可以