Vue面試題文檔內容主要包括vue-cli工程，vue核心知識點，vue-router，vuex，http請求，UI樣式，常用功能，MVVM設計模式，深入拓展。
vue-cli工程
1、構建的 vue-cli 工程都到了哪些技術，它們的作用分別是什麼？
(1)vue.js：vue-cli工程的核心，主要特點是 雙向數據綁定 和 組件系統。
(2)vue-router：vue官方推薦使用的路由框架。
(3)vuex：專爲 Vue.js 應用項目開發的狀態管理器，主要用於維護vue組件間共用的一些 變量 和 方法。
(4)axios（ 或者 fetch 、ajax ）：用於發起 GET 、或 POST 等 http請求，基於 Promise 設計。
(5) vux等：一個專爲vue設計的移動端UI組件庫。
(6)創建一個emit.js文件，用於vue事件機制的管理。
(7) webpack：模塊加載和vue-cli工程打包器。
2、vue-cli 工程常用的 npm 命令有哪些？
下載 node_modules 資源包的命令：
npm install
啓動 vue-cli 開發環境的 npm命令：
npm run dev
vue-cli 生成 生產環境部署資源 的 npm命令：
npm run build
用於查看 vue-cli 生產環境部署資源文件大小的 npm命令：
npm run build --report
3、請說出vue-cli工程中文件夾和文件的用處
vue-cli目錄解析：
(1) build 文件夾：用於存放 webpack 相關配置和腳本。開發中僅 偶爾使用 到此文件夾下 webpack.base.conf.js 用於配置 less、sass等css預編譯庫，或者配置一下 UI 庫。
(2) config 文件夾：主要存放配置文件，用於區分開發環境、線上環境的不同。 常用到此文件夾下 config.js 配置開發環境的 端口號、是否開啓熱加載 或者 設置生產環境的靜態資源相對路徑、是否開啓gzip壓縮、npm run build 命令打包生成靜態資源的名稱和路徑等。
(3) dist 文件夾：默認 npm run build 命令打包生成的靜態資源文件，用於生產部署。
**(4) node_modules：存放npm命令下載的開發環境和生產環境的依賴包。
(5) src: 存放項目源碼及需要引用的資源文件。
(6) src下assets：存放項目中需要用到的資源文件，css、js、images等。
(7) src下componets：存放vue開發中一些公共組件：header.vue、footer.vue等。
(8) src下emit：自己配置的vue集中式事件管理機制。
(9) src下router：vue-router vue路由的配置文件。
(10) src下service：自己配置的vue請求後臺接口方法。
(11) src下page：存在vue頁面組件的文件夾。
(12) src下util：存放vue開發過程中一些公共的.js方法。
(13) src下vuex：存放 vuex 爲vue專門開發的狀態管理器。
(14) src下app.vue：使用標籤<route-view></router-view>渲染整個工程的.vue組件。
(15) src下main.js：vue-cli工程的入口文件。
(16) index.html：設置項目的一些meta頭信息和提供<div id="app"></div>用於掛載 vue 節點。
(17) package.json：用於 node_modules資源部 和 啓動、打包項目的 npm 命令管理。
4、config文件夾 下 index.js 的對於工程 開發環境 和 生產環境 的配置
(1) index：配置打包後入口.html文件的名稱以及文件夾名稱
(2) assetsRoot：配置打包後生成的文件名稱和路徑
(3) assetsPublicPath：配置 打包後 .html 引用靜態資源的路徑，一般要設置成 “./”
(4) productionGzip：是否開發 gzip 壓縮，以提升加載速度
dev 對象下對於開發環境的配置：
(1) port：設置端口號
(2) autoOpenBrowser：啓動工程時，自動打開瀏覽器
(3) proxyTable：vue設置的代理，用以解決跨域問題
5、請你詳細介紹一些 package.json 裏面的配置
常用對象解析：
(1) scripts：npm run xxx 命令調用node執行的 .js 文件
(2) dependencies：生產環境依賴包的名稱和版本號，即這些 依賴包 都會打包進 生產環境的JS文件裏面
(3) devDependencies：開發環境依賴包的名稱和版本號，即這些 依賴包 只用於 代碼開發 的時候，不會打包進 生產環境js文件 裏面。
CSS面試題文檔，JavaScript面試題文檔，Vue面試題文檔，大廠面試題總結，點擊這裏可免費領取！
vue核心知識點
1、對於Vue是一套漸進式框架的理解
2、vue.js的兩個核心是什麼？
3、請問 v-if 和 v-show 有什麼區別
4、vue常用的修飾符
5、v-on可以監聽多個方法嗎？
6、vue中 key 值的作用
7、vue-cli工程升級vue版本
8、vue事件中如何使用event對象？
9、$nextTick的使用
10、Vue 組件中 data 爲什麼必須是函數
11、v-for 與 v-if 的優先級
12、vue中子組件調用父組件的方法
13、vue中 keep-alive 組件的作用
14、vue中如何編寫可複用的組件？
15、什麼是vue生命週期？
16、vue生命週期鉤子函數有哪些？
17、vue如何監聽鍵盤事件中的按鍵？
18、vue更新數組時觸發視圖更新的方法
19、vue中對象更改檢測的注意事項
20、解決非工程化項目初始化頁面閃動問題
21、v-for產生的列表，實現active的切換
22、v-model語法糖的組件中的使用
23、vue中自定義過濾器
24、vue等單頁面應用及其優缺點
25、什麼是vue的計算屬性？
26、vue-cli提供的幾種腳手架模板
27、vue父組件如何向子組件中傳遞數據？
28、vue彈窗後如何禁止滾動條滾動？
29、計算屬性的緩存和方法調用的區別
30、vue-cli中自定義指令的使用
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路由模式配置及後臺配置
CSS面試題文檔，JavaScript面試題文檔，Vue面試題文檔，大廠面試題總結，點擊這裏可免費領取！
vuex
1、什麼是vuex？
2、使用vuex的核心概念
3、vuex在vue-cli中的應用
4、在vue中使用vuex，修改state的值
5、vuex actions異步修改狀態
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、從零寫一個npm安裝包
4、vue-cli中常用到的加載器
5、webpack的特點
結語：需要前端學習資料或者想要學習前端的小夥伴可以加入前端裙：953 352 883 一起交流學習，CSS面試題文檔，JavaScript面試題文檔，Vue面試題文檔，大廠面試題總結，都可以免費獲取！