Web前端人员如何面试?常见vue面试题有哪些?
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/parent/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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 什么是抽象类?怎么定义?
- 下一篇: web前端培训分享:使用Dplayer实