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有何特點 為何...