關於前端 Vue 框架面試題,面試可能會被問到哪些?

2024年2月6日 20点热度 0人点赞

前言

了解前端的小夥伴,一定知道Vue框架,因為現在市場上Vue框架是目前應用最廣泛的框架。基本上很多東西裡的框架都是用Vue。所以今天給大傢分享Vue框架的面試題,這樣在面試的時候也能夠有備無患。

Vue框架面試題

Vue框架面試題 內容主要包括:Vue基礎知識點,Vue核心知識點,Vue-cli工程,Vue-router,Vuex,http請求,UI樣式,常用功能,深入拓展...

Vue基礎知識點

  1. Vue特性
  2. Vue項目結構介紹
  3. Vue 常用指令
  4. Vue常用的修飾符
  5. 條件渲染
  6. 列表渲染
  7. 組件

Vue核心知識點

  1. 對於Vue是一套漸進式框架的理解
  2. vue.js的兩個核心是什麼?
  3. 請問 v-if 和 v-show 有什麼區別
  4. v-for 與 v-if 的優先級
  5. v-on可以監聽多個方法嗎?
  6. vue中 key 值的作用
  7. vue-cli工程升級vue版本
  8. vue事件中如何使用event對象?
  9. $nextTick的使用
  10. Vue 組件中 data 為什麼必須是函數
  11. vue中子組件調用父組件的方法
  12. vue中 keep-alive 組件的作用
  13. vue中如何編寫可復用的組件?
  14. 什麼是vue生命周期?
  15. vue生命周期鉤子函數有哪些?
  16. vue如何監聽鍵盤事件中的按鍵?
  17. vue更新數組時觸發視圖更新的方法
  18. vue中對象更改檢測的註意事項
  19. 解決非工程化項目初始化頁面閃動問題
  20. v-for產生的列表,實現active的切換
  21. v-model語法糖的組件中的使用
  22. vue中自定義過濾器
  23. vue等單頁面應用及其優缺點
  24. 什麼是vue的計算屬性?
  25. vue-cli提供的幾種腳手架模板
  26. vue父組件如何向子組件中傳遞數據?
  27. vue彈窗後如何禁止滾動條滾動?
  28. 計算屬性的緩存和方法調用的區別
  29. vue-cli中自定義指令的使用

Vue-cli工程

  1. 構建的 vue-cli 工程都到了哪些技術,它們的作用分別是什麼?
  2. vue-cli 工程常用的 npm 命令有哪些?
  3. 請說出vue-cli工程中文件夾和文件的用處
  4. config文件夾 下 index.js 的對於工程 開發環境 和 生產環境 的配置
  5. 請你詳細介紹一些 package.json 裡面的配置

vue-router

  1. vue-router 如何響應 路由參數 的變化?
  2. 完整的 vue-router 導航解析流程
  3. vue-router 有哪幾種導航鉤子( 導航守衛 )?
  4. vue-router 傳遞參數的幾種方式
  5. 怎麼定義 vue-router 的動態路由? 怎麼獲取傳過來的值
  6. vue-router 的動態路由匹配
  7. vue-router 如何定義嵌套路由?
  8. <router-link></router-link> 組件及其屬性
  9. vue-router 實現路由懶加載( 動態加載路由 )
  10. vue-router 路由的兩種模式
  11. history 路由模式配置及後臺配置

vuex

  1. 什麼是 vuex?
  2. Vuex 解決了什麼問題?
  3. 使用 vuex 的核心概念
  4. vuex在 vue-cli 中的應用
  5. 在 vue 中使用 vuex,修改 state 的值
  6. vuex actions 異步修改狀態
  7. Vuex 中狀態儲存在哪裡,怎麼改變它?
  8. 怎麼在組件中批量使用 Vuex 的 state 狀態?
  9. 怎麼在組件中批量使用 Vuex 的 getter 屬性?
  10. Vuex 中 action 和 mutation 有什麼區別?
  11. Vuex 中 action 通常是異步的,那麼如何知道 action 什麼時候結束呢?
  12. Vuex 插件有用過嗎?怎麼用簡單介紹一下?

http請求

  1. Promise對象是什麼?
  2. axios、fetch與ajax有什麼區別?
  3. 什麼是JS的同源策略和跨域問題?
  4. 如何解決跨域問題?
  5. axios有什麼特點?

UI樣式

  1. vue組件的scoped屬性的作用
  2. 如何讓CSS隻在當前組件中起作用?
  3. vue-cli中常用的UI組件庫
  4. 如何適配移動端?
  5. 移動端媒體查詢
  6. vue內容垂直和水平居中
  7. vue-cli引入圖片的方法
  8. 移動端常見樣式問題
  9. 文本超出隱藏

常用功能

  1. vue中如何實現tab切換功能?
  2. vue中keep-alive 實現標簽頁組件緩存
  3. vue中實現頁面從右往左側滑入效果
  4. vue中父子組件如何相互調用方法?
  5. vue中央事件總線的使用

MVVM設計模式

  1. MVC、MVP與MVVM模式
  2. MVC、MVP與MVVM的區別
  3. MVVM的實現原理
  4. Object.defineProperty()方法
  5. ES6中定義的類和對象
  6. JS中的文檔碎片
  7. 解構賦值
  8. Array.from
  9. Array.reduce
  10. 遞歸的使用
  11. Obj.keys()與Obj.defineProperty
  12. 發佈-訂閱模式
  13. vue項目優化,縮短首屏加載時間

深入拓展

  1. vue開發命令 npm run dev 輸入後的執行過程
  2. vue的服務器端渲染
  3. webpack的特點

由於篇幅限制,展示了部分內容截圖,需要完整面試題文檔資料的,私信小編【111】獲取