條件渲染
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...