Web前端人員如何面試？常見vue面試題有哪些？vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架，也是初創(chuàng)項(xiàng)目的首選前端框架。很多企業(yè)在招聘前端工程師時(shí)都會(huì)考察其對(duì)vue的了解，接下來小編就給大家分享常見的vue面試題答疑。

awps2

1、如何watch監(jiān)聽一個(gè)對(duì)象內(nèi)部的變化?

如果只是監(jiān)聽obj內(nèi)的某一個(gè)屬性變化，可以直接obj.key進(jìn)行監(jiān)聽。

watch: {

‘obj.question’: function (newQuestion, oldQuestion) {

this.answer = ‘Waiting for you to stop typing…’

this.debouncedGetAnswer()

如果對(duì)整個(gè)obj深層監(jiān)聽

watch: {

obj: {

handler: function (newQuestion, oldQuestion) {

this.answer = ‘Waiting for you to stop typing…’

this.debouncedGetAnswer()

deep: true,

immediate: true

immediate的作用：當(dāng)值進(jìn)行綁定的時(shí)候并不會(huì)觸發(fā)watch監(jiān)聽，使用immediate則可以在最初綁定的時(shí)候執(zhí)行。

2、v-for循環(huán)時(shí)為什么要加key?

vue的DOM渲染是虛擬DOM，數(shù)據(jù)發(fā)生變化時(shí)，diff算法會(huì)只比較更改的部分，如果數(shù)據(jù)項(xiàng)的順序被改變，vue將不是移動(dòng)DOM元素來匹配數(shù)據(jù)項(xiàng)的改變，而是簡單復(fù)用此處每個(gè)元素，并且確保它在特定索引下顯示已被渲染過的每個(gè)元素。

3、$nextTick有什么作用?

有些時(shí)候在改變數(shù)據(jù)后立即要對(duì)DOM進(jìn)行操作，此時(shí)獲取到的DOM仍是獲取到的是數(shù)據(jù)刷新前的DOM，無法滿足需要，這個(gè)時(shí)候就用到了$nextTick。

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

向響應(yīng)式對(duì)象中添加一個(gè)屬性，并確保這個(gè)新屬性同樣是響應(yīng)式的，且觸發(fā)視圖更新。它必須用于向響應(yīng)式對(duì)象上添加新屬性，因?yàn)関ue無法探測普通的新增屬性 (比如 this.myObject.newProperty = ‘hi’)。

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

1)provide / inject

這對(duì)選項(xiàng)需要一起使用，以允許一個(gè)祖先組件向其所有子孫后代注入一個(gè)依賴，不論組件層次有多深，并在起上下游關(guān)系成立的時(shí)間里始終生效。

2)Vue.observable

讓一個(gè)對(duì)象可響應(yīng)。vue內(nèi)部會(huì)用它來處理 data 函數(shù)返回的對(duì)象。

返回的對(duì)象可以直接用于渲染函數(shù)和計(jì)算屬性內(nèi)，并且會(huì)在發(fā)生改變時(shí)觸發(fā)相應(yīng)的更新。也可以作為最小化的跨組件狀態(tài)存儲(chǔ)器，用于簡單的場景。

3)$attrs

包含了父作用域中不作為prop被識(shí)別 (且獲取) 的特性綁定(class和style除外)。當(dāng)一個(gè)組件沒有聲明任何prop時(shí)，這里會(huì)包含所有父作用域的綁定 (class和style除外)，并且可以通過 v-bind="$attrs" 傳入內(nèi)部組件——在創(chuàng)建高級(jí)別的組件時(shí)非常有用。

4)$listeners

包含了父作用域中的 (不含.native修飾器的) v-on事件監(jiān)聽器。它可以通過 v-on="$listeners" 傳入內(nèi)部組件——在創(chuàng)建更高層次的組件時(shí)非常有用。

5)props

6)$emit

7)eventbus

8)vuex

9)$parent/$children/ref

6、vue生命周期函數(shù)有哪些?

beforeCreate

created

beforeMount

mounted

beforeUpdate

updated

beforeDestroy

Destroyed

面試是你走向職場的敲門磚，好的面試可以讓你順利圓夢高薪。如果你想了解更多前端技能技巧或前端求職技巧，可以專業(yè)學(xué)習(xí)一下，讓自己理論與實(shí)戰(zhàn)兼?zhèn)?#xff0c;快速找到好工作!

?本文來自千鋒教育，轉(zhuǎn)載請(qǐng)注明出處。

總結(jié)

以上是生活随笔為你收集整理的Web前端人员如何面试？常见vue面试题有哪些？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。