寫在前面

---

參考答案在看雲平臺釋出，如果大家想閱讀參考答案，可直接購買，

或通過 申請看雲平臺賬號，然後新增微信 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工程

---

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

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

3、請說出vue-cli工程中每個資料夾和檔案的用處

4、config資料夾 下 index.js 的對於工程 開發環境 和 生產環境 的配置

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

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

---

vue核心知識點

---

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

2、請說出vue幾種常用的指令

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

4、vue常用的修飾符

5、v-on可以監聽多個方法嗎？

6、vue中 key 值的作用

7、vue中子元件呼叫父元件的方法

8、vue中 keep-alive 元件的作用

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

10、什麼是vue生命週期和生命週期鉤子函式？

11、vue生命週期鉤子函式有哪些？

12、vue如何監聽鍵盤事件

中的按鍵？

13、vue更新陣列時觸發檢視更新的方法

14、vue中物件更改檢測的注意事項

16、vue-cli工作中如何自定義一個過濾器？

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

18、什麼是vue的計算屬性？

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

20、vue父元件如何向子元件中傳遞資料？

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

22、vue-cli中如何使用元件的繼承-mixin？

23、vue-cli中新增自定義指令

24、vue-cli開發環境如何使用全域性常量？

25、 vue-cli生產環境如何使用全域性常量?

26、vue-cli中如何自定義事件?

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

---

vue-router

---

1、vue-router如何響應 路由引數 的變化？

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

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

4、vue-router的幾種例項方法以及引數傳遞

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

6、vue-router如何定義巢狀路由？

7、<router-link></router-link>元件及其屬性

8、vue-router實現路由懶載入（ 動態載入路由 ）

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

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

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

---

vuex

---

1、什麼是vuex？

2、使用vuex的核心概念

3、vuex在vue-cli中的應用

4、元件中使用 vuex 的值和修改值的地方？

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

---

http請求

---

1、Promise物件是什麼？

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

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

4、如何解決跨域問題？

5、vue-cli中如何使用JSON資料模擬？

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

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

---

UI樣式

---

1、.vue元件的scoped屬性的作用

2、如何讓CSS只在當前元件中起作用？

3、vue-cli中常用的UI元件庫

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

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

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

---

常用功能

---

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

2、vue中如何利用 keep-alive 標籤實現某個元件快取功能？

3、vue中實現切換頁面時為左滑出效果

4、vue中父子元件如何相互呼叫方法？

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

---

混合開發

---

1、vue如何呼叫 原生app 提供的方法？

2、原生app 呼叫 vue 提供的方法，並將值傳遞到 .vue 元件中

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

---

生產環境

---

1、vue打包命令是什麼？

2、vue打包後會生成哪些檔案？

3、如何配置 vue 打包生成檔案的路徑？

4、vue如何優化首屏載入速度？

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

---

MVVM設計模式

---

1、MVC、MVP與MVVM模式

2、MVC、MVP與MVVM的區別

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

4、實現一個自己的MVVM（原理剖析）

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

---

原始碼剖析

---

1、vue內部與執行機制

2、vue-router原始碼解析

3、vuex工作原理詳解

4、axios內部設計分析

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

---

深入拓展

---

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

2、MVC、MVP與MVVM模式

3、MVVM模式的優點以及與MVC模式的區別

4、vue的伺服器端渲染

5、vue高版本中一些新特性的實踐

6、從零寫一個npm安裝包

7、vue-cli中常用到的載入器

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