Web前端人員如何面試？常見vue面試題有哪些？

　　Web前端人員如何面試？常見vue面試題有哪些？vue是一套用於構建使用者介面的漸進式JavaScript框架，也是初創專案的首選前端框架。很多企業在招聘前端工程師時都會考察其對vue的瞭解，接下來小千就給大家分享常見的vue面試題答疑。

　　1、如何watch監聽一個物件內部的變化?

　　如果只是監聽obj內的某一個屬性變化，可以直接obj.key進行監聽。

　　watch: {

　　'obj.question': function (newQuestion, oldQuestion) {

　　this.answer = 'Waiting for you to stop typing...'

　　this.debouncedGetAnswer()

　　如果對整個obj深層監聽

　　watch: {

　　obj: {

　　handler: function (newQuestion, oldQuestion) {

　　this.answer = 'Waiting for you to stop typing...'

　　this.debouncedGetAnswer()

　　deep: true,

　　immediate: true

　　immediate的作用：當值進行繫結的時候並不會觸發watch監聽，使用immediate則可以在最初繫結的時候執行。

　　2、v-for迴圈時為什麼要加key?

　　vue的DOM渲染是虛擬DOM，資料發生變化時，diff演算法會只比較更改的部分，如果資料項的順序被改變，vue將不是移動DOM元素來匹配資料項的改變，而是簡單複用此處每個元素，並且確保它在特定索引下顯示已被渲染過的每個元素。

　　3、$nextTick有什麼作用?

　　有些時候在改變資料後立即要對DOM進行操作，此時獲取到的DOM仍是獲取到的是資料重新整理前的DOM，無法滿足需要，這個時候就用到了$nextTick。

　　4、vue中的$set有什麼用?

　　向響應式物件中新增一個屬性，並確保這個新屬性同樣是響應式的，且觸發檢視更新。它必須用於向響應式物件上新增新屬性，因為vue無法探測普通的新增屬性 (比如 this.myObject.newProperty = 'hi')。

　　5、元件間的傳值方式有哪些?

　　1)provide / inject

　　這對選項需要一起使用，以允許一個祖先元件向其所有子孫後代注入一個依賴，不論元件層次有多深，並在起上下游關係成立的時間裡始終生效。

　　2)Vue.observable

　　讓一個物件可響應。vue內部會用它來處理 data 函式返回的物件。

　　返回的物件可以直接用於渲染函式和計算屬性內，並且會在發生改變時觸發相應的更新。也可以作為最小化的跨元件狀態儲存器，用於簡單的場景。

　　3)$attrs

　　包含了父作用域中不作為prop被識別 (且獲取) 的特性繫結(class和style除外)。當一個元件沒有宣告任何prop時，這裡會包含所有父作用域的繫結 (class和style除外)，並且可以透過 v-bind="$attrs" 傳入內部元件——在建立高階別的元件時非常有用。

　　4)$listeners

　　包含了父作用域中的 (不含.native修飾器的) v-on事件監聽器。它可以透過 v-傳入內部元件——在建立更高層次的元件時非常有用。

　　5)props

　　6)$emit

　　7)eventbus

　　8)vuex

　　9)$parent/$children/ref

　　6、vue生命週期函式有哪些?

　　beforeCreate

　　created

　　beforeMount

　　mounted

　　beforeUpdate

　　updated

　　beforeDestroy

　　Destroyed

　　面試是你走向職場的敲門磚，好的面試可以讓你順利圓夢高薪。如果你想了解更多前端技能技巧或前端求職技巧，可以專業學習一下，讓自己理論與實戰兼備，快速找到好工作!

　　本文來自千鋒教育，轉載請註明出處。