98道經典Vue面試題總結（長期更新）

寫在前面

---

參考答案在看雲平臺發佈，若是你們想閱讀參考答案，可直接購買。

一次購買，文檔全部部分(vue、http、js等)都可以觀看，無時間限制，文檔長期更新！

有什麼意見與建議歡迎您及時聯繫做者或留言回覆！

---

閱讀文檔 47道HTTP面試題總結

Vue開發交流微信羣：(二維碼按期更新，長期有效！或添加羣主微信hanxuming888進羣)

本文檔基於vue-cli技術棧總結了

• vue-cli工程
• vue.js核心知識
• vue-router路由
• vuex狀態管理器
• axios等http請求
• 移動端適配
• Tab切換等經常使用功能
• vue與原生app混合交互
• vue生產環境部署
• vue各項技術源碼解析
• MVVM設計模式
• vue-cli工程深刻拓展

等12個關於vue-cli開發的方面。

不只能夠幫你一次性詳細閱讀全部關於vue的面試題、更能夠幫你拓展關於vue開發的視野。

關於vue的試題，看這一篇文檔就夠了！

---

vue-cli工程

---

一、構建的 vue-cli 工程都到了哪些技術，它們的做用分別是什麼？

二、vue-cli 工程經常使用的 npm 命令有哪些？

三、請說出vue-cli工程中每一個文件夾和文件的用處

四、config文件夾 下 index.js 的對於工程 開發環境 和 生產環境 的配置

五、請你詳細介紹一些 package.json 裏面的配置

參考答案： https://www.kancloud.cn/hanxu...

---

vue核心知識點

---

一、對於Vue是一套漸進式框架的理解

二、vue.js的兩個核心是什麼？

三、請問 v-if 和 v-show 有什麼區別

四、vue經常使用的修飾符

五、v-on能夠監聽多個方法嗎？

六、vue中 key 值的做用

七、vue-cli工程升級vue版本

八、vue事件中如何使用event對象？

九、$nextTick的使用

十、Vue 組件中 data 爲何必須是函數

十一、v-for 與 v-if 的優先級

十二、vue中子組件調用父組件的方法

1三、vue中 keep-alive 組件的做用

1四、vue中如何編寫可複用的組件？

1五、什麼是vue生命週期和生命週期鉤子函數？

1六、vue生命週期鉤子函數有哪些？

1七、vue如何監聽鍵盤事件中的按鍵？

1八、vue更新數組時觸發視圖更新的方法

1九、vue中對象更改檢測的注意事項

20、解決非工程化項目初始化頁面閃動問題

2一、v-for產生的列表，實現active的切換

2二、v-model語法糖的組件中的使用

2三、十個經常使用的自定義過濾器

2四、vue等單頁面應用及其優缺點

2五、什麼是vue的計算屬性？

2六、vue-cli提供的幾種腳手架模板

2七、vue父組件如何向子組件中傳遞數據？

2八、vue-cli開發環境使用全局常量

2九、vue-cli生產環境使用全局常量

30、vue彈窗後如何禁止滾動條滾動？

3一、計算屬性的緩存和方法調用的區別

3二、vue-cli中自定義指令的使用

參考答案： https://www.kancloud.cn/hanxu...

---

vue-router

---

一、vue-router如何響應 路由參數 的變化？

二、完整的 vue-router 導航解析流程

三、vue-router有哪幾種導航鉤子（ 導航守衛 ）？

四、vue-router的幾種實例方法以及參數傳遞

五、vue-router的動態路由匹配以及使用

六、vue-router如何定義嵌套路由？

七、<router-link></router-link>組件及其屬性

八、vue-router實現路由懶加載（ 動態加載路由 ）

九、vue-router路由的兩種模式

十、history路由模式與後臺的配合

參考答案： https://www.kancloud.cn/hanxu...

---

vuex

---

一、什麼是vuex？

二、使用vuex的核心概念

三、vuex在vue-cli中的應用

四、組件中使用 vuex 的值和修改值的地方？

五、在vuex中使用異步修改

六、pc端頁面刷新時實現vuex緩存

參考答案： https://www.kancloud.cn/hanxu...

---

http請求

---

一、Promise對象是什麼？

二、axios、fetch與ajax有什麼區別？

三、什麼是JS的同源策略和跨域問題？

四、如何解決跨域問題？

五、vue-cli中如何使用JSON數據模擬？

六、vue-cli中http請求的統一管理。

七、axios有什麼特色？

參考答案： https://www.kancloud.cn/hanxu...

---

UI樣式

---

一、.vue組件的scoped屬性的做用

二、如何讓CSS只在當前組件中起做用？

三、vue-cli中經常使用的UI組件庫

四、如何適配移動端？【 經典 】

五、移動端經常使用媒體查詢的使用

六、垂直居中對齊

七、vue-cli中如何使用背景圖片？

八、使用表單禁用時移動端樣式問題

九、多種類型文本超出隱藏問題

參考答案： https://www.kancloud.cn/hanxu...

---

經常使用功能

---

一、vue中如何實現tab切換功能？

二、vue中如何利用 keep-alive 標籤實現某個組件緩存功能？

三、vue中實現切換頁面時爲左滑出效果

四、vue中父子組件如何相互調用方法？

五、vue中央事件總線的使用

參考答案： https://www.kancloud.cn/hanxu...

---

混合開發

---

一、vue如何調用 原生app 提供的方法？

二、原生app 調用 vue 提供的方法，並將值傳遞到 .vue 組件中

參考答案： https://www.kancloud.cn/hanxu...

---

生產環境

---

一、vue打包命令是什麼？

二、vue打包後會生成哪些文件？

三、如何配置 vue 打包生成文件的路徑？

四、vue如何優化首屏加載速度？

參考答案： https://www.kancloud.cn/hanxu...

---

MVVM設計模式

---

一、MVC、MVP與MVVM模式

二、MVC、MVP與MVVM的區別

三、常見的實現MVVM幾種方式

四、Object.defineProperty()方法

五、實現一個本身的MVVM（原理剖析）

六、 ES6中類和定義

七、JS中的文檔碎片

八、解構賦值

九、Array.from與Array.reduce

十、遞歸的使用

十一、Obj.keys()與Obj.defineProperty

十二、發佈-訂閱模式

1三、實現MVVM的思路分析

參考答案： https://www.kancloud.cn/hanxu...

---

源碼剖析

---

一、vue內部與運行機制：

• Vue.js 全局運行機制
• 響應式系統的基本原理
• 什麼是 Virtual DOM？
• 如何編譯template 模板？
• diff算法
• 批量異步更新策略及 nextTick 原理？
• proxy代理？

二、vuex工做原理詳解

• Vue.mixin
• Vue.use

參考答案： https://www.kancloud.cn/hanxu...

---

深刻拓展

---

一、vue開發命令 npm run dev 輸入後的執行過程

二、vue的服務器端渲染

三、從零寫一個npm安裝包

四、vue-cli中經常使用到的加載器

五、webpack的特色

參考答案： https://www.kancloud.cn/hanxu...