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面試題檔案，大廠面試題總結，都可以免費獲取！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/248071.html
標籤：其他
上一篇：Sqoop-學習筆記