vue面試題 vue原理

2021-10-05 21:51:38 字數 1299 閱讀 5217

1.元件化和mvvm

2.響應式原理

3.vdom 和 diff 演算法

4.模板編譯

5.元件渲染過程

6.前端路由

元件化基礎

1.很久以前」的元件化

asp jsp php 已經有元件化

nodejs 中已有類似元件化

2.資料驅動檢視-vue mvvm

3.資料驅動檢視-react setstata

vue 響應原理

元件化data的資料一旦變化,立刻觸發檢視的更新

1.核心 api-object,defineproperty用法

缺點1.深度監聽,需要遞迴到底 ,計算量大

2.無法監聽新增屬性/刪除屬性

虛擬dom(virtual dom) 和 diff

1.vdom是實現vue 和react的重要基石(vue react是資料驅動試圖)

vdom可以把計算轉移為js計算

vdom 用js模擬dom結構

snabbdom是乙個簡易的實現vdom功能的庫,vdom裡面有兩個核心的api,乙個是h函式,乙個是patch函式。前者是用來生成vdom物件(vue中使用render函式,將真實的節點轉換成vnode),後者是用做vdom之間的對比以及將vdom掛載到真實的dom上。vue就是因為其使用了snabbdom而有更優異的效能。

2.diff演算法是vdom中最核心的

diff演算法過程

比較原理:

1.只比較同一級別,不跨級比較

2.兩者相同時,則認為是相同節點 ,不會深度比較

具體詳情:

vue面試題目

1,vue元件通訊 1 父子元件之間的通訊 父 子 子元件中props引數,父元件中引入子元件,在子元件上面繫結所需的值 eg 子元件中 父元件中 子 父 emit v on方法,子元件中,繫結方法a,通過 emit觸發父元件中的方法,順便傳參到父元件 eg 子元件中 showsearchmodal...

Vue之面試題

1 說下vue資料雙向繫結的原理 2 說說vuex的作用以及應用場景 3 說說vue元件的資料通訊方式 4 vue的原始碼有看過嗎?說說vuex工作原理 5 為什麼說虛擬 dom會提高效能,解釋一下它的工作原理 6 請你詳細介紹一些 package.json 裡面的配置 7 為什麼說vue是一套漸進...

Vue面試題總結

v show和v if之間的區別 為何v for中要用key 描述vue元件生命週期 有父子元件的情況 父子元件生命週期關係 子元件更新過程 父元件更新過程 銷毀過程 vue元件如何通訊 描述元件渲染和更新的過程 雙向資料繫結v model的實現原理 對mvvm的理解 computed有何特點 為何...