VUE3面試題個(gè)人總結(jié)(2023-6)

1、總結(jié)了2023年6月的Vue3面試題，涵蓋編譯流程、核心概念、生命周期管理、響應(yīng)式編程等核心知識(shí)點(diǎn)。以下是重點(diǎn)內(nèi)容的概述：Vue3編譯流程包括兩階段：編譯期轉(zhuǎn)化為JavaScript代碼，運(yùn)行期通過(guò)模板引擎生成render（）函數(shù)并按層級(jí)順序編譯。

2、Vue3內(nèi)部維護(hù)預(yù)隊(duì)列、隊(duì)列與后隊(duì)列異步任務(wù)。所有異步任務(wù)通過(guò)flushJob微任務(wù)按優(yōu)先級(jí)依次。異步刷新機(jī)制只更新vDOM，待下一個(gè)刷新周期同步DOM，通過(guò)job隊(duì)列、Promi與diff算法實(shí)現(xiàn)。nextTick（）通過(guò)Promi實(shí)現(xiàn)，在下次刷新DOM后回調(diào)函數(shù)。

3、MVVM與MVC的區(qū)別：Vue的MVVM模式通過(guò)自動(dòng)同步View和Model，當(dāng)Model數(shù)據(jù)變化，View會(huì)實(shí)時(shí)更新，簡(jiǎn)化了業(yè)務(wù)邏輯和界面綁定，避免頻繁操作DOM。 data函數(shù)設(shè)計(jì)：Vue組件的data需寫(xiě)成函數(shù)，這樣每次復(fù)用組件時(shí)能生成獨(dú)立數(shù)據(jù)副本，維護(hù)組件間的數(shù)據(jù)獨(dú)立性。

4、響應(yīng)式原理的變化 Vue2中的響應(yīng)式原理是基于Object.defineProperty來(lái)實(shí)現(xiàn)的，而Vue3則使用ES6的Proxy和Reflect來(lái)實(shí)現(xiàn)響應(yīng)式。這種改變使得Vue3在響應(yīng)式處理上更加高效，性能更優(yōu)。在面試中可能會(huì)被問(wèn)到關(guān)于這兩種響應(yīng)式原理的具體差異以及它們對(duì)Vue整體性能的影響。

5、一句話總結(jié)：vue.js采用數(shù)據(jù)劫持結(jié)合發(fā)布-訂閱模式，通過(guò)Object.defineProperty（）來(lái)劫持各個(gè)屬性的tter、getter，在數(shù)據(jù)變動(dòng)時(shí)發(fā)布消息給訂閱者，觸發(fā)響應(yīng)的監(jiān)聽(tīng)回調(diào)。

2023前端vue面試題及答匯總

1、Vue 要求使用函數(shù)配置 data，以保證組件實(shí)例數(shù)據(jù)獨(dú)立，避免數(shù)據(jù)污染。vuex 與頁(yè)面刷新：使用數(shù)據(jù)持久化和 Vuexpersistedstate 等解決頁(yè)面刷新時(shí)數(shù)據(jù)丟失問(wèn)題。Vue2 和 Vue3 區(qū)別：Vue3 引入新特性如 tup 函數(shù)，移除 filters 等，并更新生命周期鉤子。

2、答：MVVM 是 ModelViewViewModel 的簡(jiǎn)寫(xiě)，它將 MVC 的控制層抽離為 ViewModel，實(shí)現(xiàn)數(shù)據(jù)驅(qū)動(dòng)的前端開(kāi)發(fā)，提升代碼維護(hù)性。談?wù)?Vue 的 token 存儲(chǔ)機(jī)制？答：通過(guò)后端驗(yàn)證用戶名和密碼，返回 token。前端存儲(chǔ) token 到 localStorage 和 Vuex，并在每次請(qǐng)求頭中添加 token，以實(shí)現(xiàn)前端的驗(yàn)證。

3、Vue高頻面試題答如下：Vue內(nèi)置指令有哪些？vif：斷元素是否插入。vshow：節(jié)點(diǎn)存在時(shí)控制展示。vfor：循環(huán)命令。vbind：綁定屬性。von：綁定。vtext：輸出文本，更新元素的textContent。vel：條件渲染指令，與vif成對(duì)使用。velif：多層條件斷，與vif成對(duì)使用。vmodel：實(shí)現(xiàn)雙向綁定。

4、vue生命周期 1）、生命周期是什么？ Vue實(shí)例有一個(gè)完整的生命周期，包含數(shù)據(jù)掛載、模板渲染、組件更新和組件銷(xiāo)毀四個(gè)階段，每個(gè)階段有特定的鉤子函數(shù)。

5、如何實(shí)現(xiàn) Vue 的動(dòng)態(tài)權(quán)限綁定渲染列表（權(quán)限列表渲染）？屬于發(fā)布訂閱模式，Vue 使用 obrver 和 definereactive 方法對(duì)數(shù)據(jù)進(jìn)行遞歸劫持，并通過(guò) watch 監(jiān)聽(tīng)屬性變化，Dep 類(lèi)用于解耦，數(shù)據(jù)變更時(shí)觸發(fā)更新視圖。