Vue常用面試題

2021-10-19 13:53:05 字數 1372 閱讀 3348

條件渲染

1.v-if只會渲染出符合條件的節點,v-show都會渲染,只是將不符合條件的隱藏

2.如何選擇?判斷為一次性的或者更新並不頻繁的選擇v-if,頻繁的選擇v-show

如果更新頻繁用v-if會涉及到節點的不斷銷毀和渲染,影響效能

考點:

beforedestroy中要可能要做什麼?

解除繫結,銷毀子元件以及事件***。

自定義事件的繫結要解除;比如settimeout定時任務要銷毀;自己繫結的window或document的事件要銷毀;該銷毀的不要遺留在記憶體中

考點:

父子元件 created 和 mounted created 是 vue 例項的完成,資料已經可以獲取。因為父元件可能需要使用子元件的資料,故父元件需要先行 created mounted 是元件渲染完成的時刻,

父元件包含子元件,故整個父子元件的繪製完成需要所有子元件先渲染完成,父元件則在最後 mounted

建立初始化例項是從外到內的,但是渲染是從內到外的。

父 beforecreate

父 created

父 beforemount

子 beforecreate

子 created

子 beforemount

子 mounted

父 mounted

在更新元件時,跟上面類似

父 beforeupdate

子 beforeupdate

子 updated

父 updated

銷毀階段

父 beforedestroy

子 beforedestroy

子 destroyed

父 destroyed

生命週期: 

vue高階特性:

1. 自定義v-model

2. $nexttick

3. refs

4. slot

5. 動態元件

6. 非同步元件

7. keep-alive

8. mixin

vue響應式,或如何實現資料雙向繫結

虛擬dom

vdom總結:

用js模擬dom結構(vnode)

新舊vnode對比,得出最小的更新範圍,最後更新dom(按需更新)

資料驅動檢視的模式下,有效控制dom操作

vue面試題 vue原理

1.元件化和mvvm 2.響應式原理 3.vdom 和 diff 演算法 4.模板編譯 5.元件渲染過程 6.前端路由 元件化基礎 1.很久以前 的元件化 asp jsp php 已經有元件化 nodejs 中已有類似元件化 2.資料驅動檢視 vue mvvm 3.資料驅動檢視 react sets...

常用面試題

一 mybatis防止sql注入 1 預編譯語句,盡量使用 而不是使用 2 使用儲存過程,用的不多,推薦使用第一種。二 arraylist和linkedlist的區別 1.arraylist是實現了基於動態陣列的資料結構,linkedlist基於鍊錶的資料結構。2.對於隨機訪問get和set,arr...

vue面試題目

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