98道經(jīng)典Vue面試題總結(jié)

本文檔基于vue-cli技術(shù)?？偨Y(jié)了

• vue-cli工程
• vue.js核心知識
• vue-router路由
• vuex狀態(tài)管理器
• axios等http請求
• 移動端適配
• Tab切換等常用功能
• vue與原生app混合交互
• vue生產(chǎn)環(huán)境部署
• vue各項(xiàng)技術(shù)源碼解析
• MVVM設(shè)計模式
• vue-cli工程深入拓展

等12個關(guān)于vue-cli開發(fā)的方面。

不僅可以幫你一次性詳細(xì)閱讀所有關(guān)于vue的面試題、更可以幫你拓展關(guān)于vue開發(fā)的視野。

關(guān)于vue的試題，看這一篇文檔就夠了！

vue-cli工程

1、構(gòu)建的 vue-cli 工程都到了哪些技術(shù)，它們的作用分別是什么？

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

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

4、config文件夾 下 index.js 的對于工程 開發(fā)環(huán)境 和 生產(chǎn)環(huán)境 的配置

5、請你詳細(xì)介紹一些 package.json 里面的配置

vue核心知識點(diǎn)

1、對于Vue是一套漸進(jìn)式框架的理解

2、vue.js的兩個核心是什么？

3、請問 v-if 和 v-show 有什么區(qū)別

4、vue常用的修飾符

5、v-on可以監(jiān)聽多個方法嗎？

6、vue中 key 值的作用

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

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

9、$nextTick的使用

10、Vue 組件中 data 為什么必須是函數(shù)

11、v-for 與 v-if 的優(yōu)先級

12、vue中子組件調(diào)用父組件的方法

13、vue中 keep-alive 組件的作用

14、vue中如何編寫可復(fù)用的組件？

15、什么是vue生命周期和生命周期鉤子函數(shù)？

16、vue生命周期鉤子函數(shù)有哪些？

17、vue如何監(jiān)聽鍵盤事件中的按鍵？

18、vue更新數(shù)組時觸發(fā)視圖更新的方法

19、vue中對象更改檢測的注意事項(xiàng)

20、解決非工程化項(xiàng)目初始化頁面閃動問題

21、v-for產(chǎn)生的列表，實(shí)現(xiàn)active的切換

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

23、十個常用的自定義過濾器

24、vue等單頁面應(yīng)用及其優(yōu)缺點(diǎn)

25、什么是vue的計算屬性？

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

27、vue父組件如何向子組件中傳遞數(shù)據(jù)？

28、vue-cli開發(fā)環(huán)境使用全局常量

29、vue-cli生產(chǎn)環(huán)境使用全局常量

30、vue彈窗后如何禁止?jié)L動條滾動？

31、計算屬性的緩存和方法調(diào)用的區(qū)別

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

vue-router

1、vue-router如何響應(yīng) 路由參數(shù) 的變化？

2、完整的 vue-router 導(dǎo)航解析流程

3、vue-router有哪幾種導(dǎo)航鉤子（ 導(dǎo)航守衛(wèi) ）？

4、vue-router的幾種實(shí)例方法以及參數(shù)傳遞

5、vue-router的動態(tài)路由匹配以及使用

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

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

8、vue-router實(shí)現(xiàn)路由懶加載（ 動態(tài)加載路由 ）

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

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

vuex

1、什么是vuex？

2、使用vuex的核心概念

3、vuex在vue-cli中的應(yīng)用

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

5、在vuex中使用異步修改

6、pc端頁面刷新時實(shí)現(xiàn)vuex緩存

http請求

1、Promise對象是什么？

2、axios、fetch與ajax有什么區(qū)別？

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

4、如何解決跨域問題？

5、vue-cli中如何使用JSON數(shù)據(jù)模擬？

6、vue-cli中http請求的統(tǒng)一管理。

7、axios有什么特點(diǎn)？

UI樣式

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

2、如何讓CSS只在當(dāng)前組件中起作用？

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

4、如何適配移動端？【 經(jīng)典 】

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

6、垂直居中對齊

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

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

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

常用功能

1、vue中如何實(shí)現(xiàn)tab切換功能？

2、vue中如何利用 keep-alive 標(biāo)簽實(shí)現(xiàn)某個組件緩存功能？

3、vue中實(shí)現(xiàn)切換頁面時為左滑出效果

4、vue中父子組件如何相互調(diào)用方法？

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

混合開發(fā)

1、vue如何調(diào)用 原生app 提供的方法？

2、原生app 調(diào)用 vue 提供的方法，并將值傳遞到 .vue 組件中

生產(chǎn)環(huán)境

1、vue打包命令是什么？

2、vue打包后會生成哪些文件？

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

4、vue如何優(yōu)化首屏加載速度？

MVVM設(shè)計模式

1、MVC、MVP與MVVM模式

2、MVC、MVP與MVVM的區(qū)別

3、常見的實(shí)現(xiàn)MVVM幾種方式

4、Object.defineProperty()方法

5、實(shí)現(xiàn)一個自己的MVVM（原理剖析）

6、 ES6中類和定義

7、JS中的文檔碎片

8、解構(gòu)賦值

9、Array.from與Array.reduce

10、遞歸的使用

11、Obj.keys()與Obj.defineProperty

12、發(fā)布-訂閱模式

13、實(shí)現(xiàn)MVVM的思路分析

源碼剖析

1、vue內(nèi)部與運(yùn)行機(jī)制：

• Vue.js 全局運(yùn)行機(jī)制
• 響應(yīng)式系統(tǒng)的基本原理
• 什么是 Virtual DOM？
• 如何編譯template 模板？
• diff算法
• 批量異步更新策略及 nextTick 原理？
• proxy代理？

2、vuex工作原理詳解

• Vue.mixin
• Vue.use

深入拓展

1、vue開發(fā)命令 npm run dev 輸入后的執(zhí)行過程

2、vue的服務(wù)器端渲染

3、從零寫一個npm安裝包

4、vue-cli中常用到的加載器

5、webpack的特點(diǎn)

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。