回覆列表
-
1 # 擺渡人zzc
-
2 # 前端雨爸
如果你面試前端開發,而不是招聘主 vue 開發的話,涉及 vue 的點可能在整個面試過程中不會很多。
但如果說會面試到什麼方面,我覺得你應該還是從 vue 的設計思想著手。由核心開始,把知識點散發出去。如下:
1. 怎麼實現資料動態響應的,資料繫結原理
2. 整個生命週期不同階段所做的事情
3. 多元件之間事件/互動的方式
4. vue 相關全家桶的使用(vue-router、vuex ...)
5. 使用過哪些 vue ui 庫、框架等(包括 ssr 之類)
vue 框架歸結到底就是一個別人寫的工具,最重要還是明白他的設計思想,在使用中按照規範開發。更多的還需要前端相關更豐富的知識細節(nodejs、css、js ...)
相信瞭解前端的小夥伴,一定知道Vue框架,因為現在市場上Vue框架是目前應用最廣泛的框架。基本上很多東西里的框架都是用Vue。所以今天也來給大家講講Vue框架的面試題,這樣在面試的時候也能夠有備無患。
1、v-model是什麼? vue中標籤怎麼繫結事件?
答:v-model這個指令只能用在表單元素上,可以用他進行雙向資料繫結。繫結事件:<input @click=doLog() />
2、v-for迴圈時為什麼要加key?
答:vue的DOM渲染是虛擬DOM,資料發生變化時,diff演算法會只比較更改的部分,如果資料項的順序被改變,vue將不是移動DOM元素來匹配資料項的改變,而是簡單複用此處每個元素,並且確保它在特定索引下顯示已被渲染過的每個元素。
3、vue路由怎麼實現傳值的?
答:當你使用params方法傳參的時候,要在路由後面加引數名,並且傳參的時候,引數名要跟路由後面設定的引數名對應。使用query方法,就沒有這種限制,直接在跳轉裡面用就可以。
4、Vue雙向資料繫結
答:vue 雙向資料繫結是透過 資料劫持 結合 釋出訂閱模式的方式來實現的, 也就是說資料和檢視同步,資料發生變化,檢視跟著變化,檢視變化,資料也隨之發生改變;
核心:關於VUE雙向資料繫結,其核心是Object.defineProperty()方法。
5、$nextTick有什麼作用?
答:有些時候在改變資料後立即要對DOM進行操作,此時獲取到的DOM仍是獲取到的是資料重新整理前的DOM,無法滿足需要,這個時候就用到了$nextTick。
6、Vue的兩個核心點
答:資料驅動、元件系統
資料驅動:ViewModel,保證資料和檢視的一致性。
元件系統:應用類UI可以看作全部是由元件樹構成的。