![](https://news.xinpengboligang.com/upload/keji/aafb86988ab5a0078de0a9657fabac28.jpeg)
前言
了解前端的小夥伴,一定知道Vue框架,因為現在市場上Vue框架是目前應用最廣泛的框架。基本上很多東西裡的框架都是用Vue。所以今天給大傢分享Vue框架的面試題,這樣在面試的時候也能夠有備無患。
Vue框架面試題
Vue框架面試題 內容主要包括:Vue基礎知識點,Vue核心知識點,Vue-cli工程,Vue-router,Vuex,http請求,UI樣式,常用功能,深入拓展...
Vue基礎知識點
- Vue特性
- Vue項目結構介紹
- Vue 常用指令
- Vue常用的修飾符
- 條件渲染
- 列表渲染
- 組件
![](https://news.xinpengboligang.com/upload/keji/a71ca2ce3644509dfa7ba62fc0ea3cb3.jpeg)
Vue核心知識點
- 對於Vue是一套漸進式框架的理解
- vue.js的兩個核心是什麼?
- 請問 v-if 和 v-show 有什麼區別
- v-for 與 v-if 的優先級
- v-on可以監聽多個方法嗎?
- vue中 key 值的作用
- vue-cli工程升級vue版本
- vue事件中如何使用event對象?
- $nextTick的使用
- Vue 組件中 data 為什麼必須是函數
- vue中子組件調用父組件的方法
- vue中 keep-alive 組件的作用
- vue中如何編寫可復用的組件?
- 什麼是vue生命周期?
- vue生命周期鉤子函數有哪些?
- vue如何監聽鍵盤事件中的按鍵?
- vue更新數組時觸發視圖更新的方法
- vue中對象更改檢測的註意事項
- 解決非工程化項目初始化頁面閃動問題
- v-for產生的列表,實現active的切換
- v-model語法糖的組件中的使用
- vue中自定義過濾器
- vue等單頁面應用及其優缺點
- 什麼是vue的計算屬性?
- vue-cli提供的幾種腳手架模板
- vue父組件如何向子組件中傳遞數據?
- vue彈窗後如何禁止滾動條滾動?
- 計算屬性的緩存和方法調用的區別
- vue-cli中自定義指令的使用
![](https://news.xinpengboligang.com/upload/keji/0fb64c8a5e8b42866d0a8e5b080f63a8.jpeg)
Vue-cli工程
- 構建的 vue-cli 工程都到了哪些技術,它們的作用分別是什麼?
- vue-cli 工程常用的 npm 命令有哪些?
- 請說出vue-cli工程中文件夾和文件的用處
- config文件夾 下 index.js 的對於工程 開發環境 和 生產環境 的配置
- 請你詳細介紹一些 package.json 裡面的配置
![](https://news.xinpengboligang.com/upload/keji/37bd626017ab340093b4c51ac0c3b01c.jpeg)
vue-router
- vue-router 如何響應 路由參數 的變化?
- 完整的 vue-router 導航解析流程
- vue-router 有哪幾種導航鉤子( 導航守衛 )?
- vue-router 傳遞參數的幾種方式
- 怎麼定義 vue-router 的動態路由? 怎麼獲取傳過來的值
- vue-router 的動態路由匹配
- vue-router 如何定義嵌套路由?
- <router-link></router-link> 組件及其屬性
- vue-router 實現路由懶加載( 動態加載路由 )
- vue-router 路由的兩種模式
- history 路由模式配置及後臺配置
![](https://news.xinpengboligang.com/upload/keji/c181e56c73cbef970449f8a57dfddae9.jpeg)
vuex
- 什麼是 vuex?
- Vuex 解決了什麼問題?
- 使用 vuex 的核心概念
- vuex在 vue-cli 中的應用
- 在 vue 中使用 vuex,修改 state 的值
- vuex actions 異步修改狀態
- Vuex 中狀態儲存在哪裡,怎麼改變它?
- 怎麼在組件中批量使用 Vuex 的 state 狀態?
- 怎麼在組件中批量使用 Vuex 的 getter 屬性?
- Vuex 中 action 和 mutation 有什麼區別?
- Vuex 中 action 通常是異步的,那麼如何知道 action 什麼時候結束呢?
- Vuex 插件有用過嗎?怎麼用簡單介紹一下?
![](https://news.xinpengboligang.com/upload/keji/c6ff7ab031188e679a08a6864655bba3.jpeg)
http請求
- Promise對象是什麼?
- axios、fetch與ajax有什麼區別?
- 什麼是JS的同源策略和跨域問題?
- 如何解決跨域問題?
- axios有什麼特點?
UI樣式
- vue組件的scoped屬性的作用
- 如何讓CSS隻在當前組件中起作用?
- vue-cli中常用的UI組件庫
- 如何適配移動端?
- 移動端媒體查詢
- vue內容垂直和水平居中
- vue-cli引入圖片的方法
- 移動端常見樣式問題
- 文本超出隱藏
![](https://news.xinpengboligang.com/upload/keji/0563e791855934d0d9f9a433022c0f3f.jpeg)
常用功能
- vue中如何實現tab切換功能?
- vue中keep-alive 實現標簽頁組件緩存
- vue中實現頁面從右往左側滑入效果
- vue中父子組件如何相互調用方法?
- vue中央事件總線的使用
MVVM設計模式
- MVC、MVP與MVVM模式
- MVC、MVP與MVVM的區別
- MVVM的實現原理
- Object.defineProperty()方法
- ES6中定義的類和對象
- JS中的文檔碎片
- 解構賦值
- Array.from
- Array.reduce
- 遞歸的使用
- Obj.keys()與Obj.defineProperty
- 發佈-訂閱模式
- vue項目優化,縮短首屏加載時間
![](https://news.xinpengboligang.com/upload/keji/bfe23cc641302c1dc877aea4d1be22ea.jpeg)
深入拓展
- vue開發命令 npm run dev 輸入後的執行過程
- vue的服務器端渲染
- webpack的特點
由於篇幅限制,展示了部分內容截圖,需要完整面試題文檔資料的,私信小編【111】獲取