記錄相關的vue面試題目(2020)

2021-10-06 23:17:59 字數 4653 閱讀 7893

1、簡單說下你對v-model的理解

v-model其實是乙個語法糖,實現主要靠的是原生input的v-bind:繫結響應式資料,並且觸發input事件傳遞和改變資料

2、使用計算屬性時,函式名可以和資料來源中的命名重複嗎?

不可以,無論是計算屬性、data還是props都會被掛載在vm例項上,重複就會報錯

3、methods中方法可以和data中命名重複嗎?

不可以,命名相同會報錯不是乙個方法,並且優先執行了data中的屬性

4、怎麼解決動態設定img的src無效?

使用 require 引入

5、跟keep-alive相關的生命週期有哪些?

activated:頁面第一次進入的時候,鉤子觸發的順序是created->mounted->activated

deactivated:頁面離開時觸發,再次進入只觸發activated

6、怎麼對data資料快速重置?

object.assign(this.$data,this.$options.data()) //目標資料,源資料

7、style中加入scoped的作用和原理

作用:防止樣式的全域性汙染

原理:給標籤增加v-data-someting屬性,再在選擇器上新增對應的[v-data-something],也就是css帶屬性選擇器,以此完成類似作用域的渲染

8、舉例說明vue中的邊界情況

在updated鉤子中修改data屬性值,又會觸發更新,導致無限迴圈

9、怎麼在子元件中訪問父元件? 父元件中怎麼訪問子元件?

this.$parent 獲取父元件例項

this.$parent.event 呼叫父元件方法

this.$children 獲取子元件(陣列)

this.$refs.refname.event 給子元件新增refname,呼叫子元件方法

10、可以在watch中使用箭頭函式嗎?methods中可以用嗎?

不可以,箭頭函式繫結的是父級作用域的上下文,而不是vue例項,所以使用this會報undefined

11、vue事件中傳入$event,使用event.target和event.currenttarget有什麼區別?

event.target指向事件發生時的元素

event.currenttarget指向事件繫結的元素

12、怎麼強制重新整理元件?

強制重新渲染:this.$forceupdate()

強制重新整理元件:在元件上新增key,修改key值

13、vue給元件繫結自定義事件無效怎麼解決?

元件外部:使用.native修飾符

元件內部:宣告$emit(自定義事件)

14、vue元件裡的定時器要怎麼銷毀?

計時器結束進行銷毀,在beforedestroy鉤子裡面再次銷毀

15、vue在created和mounted這兩個生命週期中請求資料有什麼區別呢?

都可以進行資料的請求,涉及到載入完成後的操作盡量放在mounted中處理

16、vue中怎麼獲取dom節點?

this.$refs.refname

17、需要和多名後端進行聯調時,怎麼處理

把所有人的介面位址寫進**,動態修改baseurl,避免重啟

18、vue-loader是什麼?做什麼用?

webpack的乙個loader模組,主要用於解析和轉換.vue檔案,提取真正的邏輯**、樣式**、模板**交由各自的loader去解析處理

19、如何將axios非同步請求同步化處理?

async/await

20、元件進來請求介面時放在哪個生命週期?為什麼?

created 如果涉及檢視層操作 就放在mounted

21、dom渲染在哪個生命週期中就已經完成?

mounted

22、第一次載入頁面時會觸發哪幾個鉤子?

beforecreate、created、beforemount、mounted

23、vue生命週期的作用是什麼?

控制資料渲染和dom管理

24、元件和外掛程式有什麼區別?

元件:主要用來構成自身業務

外掛程式:主要用來增強技術棧的功能模組

25、首屏載入過慢,有什麼優化的地方嗎?

開啟gzip

路由懶載入

ssr渲染

26、v-if和v-for哪個優先順序更高?如果同時出現,怎樣使用?

v-for優先順序更高

如果同時存在,需要新增template進行v-if判斷,子元素進行v-for迴圈

27、$nexttick有什麼作用?

為了處理資料更新檢視未及時更新的問題

28、watch和computed的區別

watch:偵聽屬性,資料變化立即做出響應,沒有快取

computed:計算屬性,應對複雜邏輯的計算,依賴源變化時響應,有快取

29、v-for迴圈是的key有什麼作用?

保證唯一性,資料更新時可以更加快速、精準的找到變化的位置

30、v-show和v-if的區別?什麼時候使用?

v-show:dom的顯示和隱藏,在初始化時就會渲染,需要頻繁操作時使用

v-if:dom的建立和銷毀,初始化時不會渲染,不需要頻繁操作時使用

31、vue-cli中怎麼解決跨域問題?

2.x中在config/index.js中配置devserver.proxy

3.x中在src/vue.config.js中配置(沒有就新建)

tips:vue-cli並不能解決跨域,解決跨域的是webpack,只不過vue-cli繼承了webpack配置`

32、vue-router怎麼重定向頁面?

路由中配置redirect屬性

33、vue-router怎麼配置404頁面?

使用萬用字元*

34、vuex中actions和mutations有什麼區別?

mutations可以直接修改state,但只能包含同步操作,同時,只能通過提交commit呼叫(盡量通過action或mapmutation呼叫而非直接在元件中通過this.$store.commit()提交)

actions是用來觸發mutations的,它無法直接改變state,它可以包含非同步操作,它只能通過store.dispatch觸發

35、vuex的store有哪幾種屬性值?作用是什麼?

state:存放公共資料的地方

getter:獲取根據業務場景處理返回的資料

mutations:唯一修改state的方法,修改過程是同步的

action:非同步處理,通過分發操作觸發mutation

module:將store模組分割,減少**臃腫

持續更新…

vue面試題目

1,vue元件通訊 1 父子元件之間的通訊 父 子 子元件中props引數,父元件中引入子元件,在子元件上面繫結所需的值 eg 子元件中 父元件中 子 父 emit v on方法,子元件中,繫結方法a,通過 emit觸發父元件中的方法,順便傳參到父元件 eg 子元件中 showsearchmodal...

活動目錄相關的面試題(一)

活動目錄的相關概念 1.活動目錄 活動目錄是windows網路中的網路服務 是乙個目錄資料庫 他儲存著整個windows網路中的使用者賬號,組,計算機,共享資料夾,等物件的相關資訊 優點與特性 集中管理 便捷的訪問網路資源 可擴充套件性 2.域和域控制器 域是活動目錄的一種實現形式,也是活動目錄最核...

面試題目記錄2

1.session喜歡丟值且佔記憶體,cookis不安全,請問用什麼辦法代替這兩種原始的方法 回答一 是iis中由於有程序 機制,系統繁忙的話session會丟失,可以用sate server或sql server資料庫的方式儲存session不過這種方式比較慢,而且無法捕獲session的end事...