說到使用前端框架，已經不是什麼新鮮事了，目前大部分公司都會要求你熟練使用 Vue 或 React，這也成了前端工程師面試的家常便飯。
就目前應用面積最廣的Vue來說，大廠或是高級工程師面試的時候會碰到什麼棘手或是難纏的 Vue 的面試題呢？今天，我就帶着大家一起分析 Vue 的基礎使用、組件傳值等等。
其實這些大家都會，一個剛入門兩三個月的前端都能搞定，下面纔是是Vue面試官直擊靈魂的拷問。
1
我們都會配置路由。
那麼你知道如何編碼才能保證多路由模塊解耦、保證更方便增加新的路由模塊嗎？
首先這是路由解耦與快捷新增：
上圖圖示是主路由文件，核心函數是 webpack 的 api —— require.context() ，通過執行此函數獲取一個特定的上下文，主要用來實現自動化導入模塊。項目中各個業務的路由可以充分解耦，路由文件後綴名爲 xxx.routers.js 即可，主路由文件會自動化導入新增的各業務路由文件。
2
手寫出一個類 Vue 的MVVM響應式框架。
那怎麼用vue底層實現這一響應式框架呢？
我們知道，Vue的響應式是利用了數據劫持實現的，知道這個就很簡單了。
第一步去建立訂閱器模型：
第二步：設置劫持方法，對數據進行劫持
簡單兩步就搞定了。實際上，這些問題並不是很難，那麼很多同學爲什麼不知道呢？主要是這兩張原因：
一是沒有去了解Vue的源碼以及底層實現；二是缺少最佳實踐。
這些優化代碼大型公司隨處可見，拿過來學習一下就明白，但是可能對大家來說，在中小公司工作的程序員，寫着平時的業務代碼，很少有機會接觸到大廠的優秀實踐，Vue 原來還有這種操作？
還有更多類似的問題，比如這些：
Vue項目做完後我們會打包，如何編寫配置文件能讓打包速度達到最優化？
我們都會寫組件，那麼如何讓組件成爲高複用性的組件庫型組件？（可以脫離於項目拿到別的項目上使用）……
相信大家最近在找工作，或多或少都感受到了，面試 vue 時會問到 vue 最佳實踐與底層源碼的問題。既然人人都會 vue ，那麼面試官挑選人才，除了考察你的編程能力，對於最佳實踐的理解，就是問你源碼。
在這裏，我給大家整理了一份前端工程師學習成長思維導圖，希望能對你有所幫助：
掃碼領取
前端工程師思維導圖
如果你的技術棧是 vue 或者正在學習 vue ，這裏給你推薦一個學習平臺——網易雲課堂，平常接觸不到的 vue 大廠做法、最佳實踐以及 vue 底層分析，都有詳細的講解。
也通過對源碼的解讀去培養大家的程序員思維，幫助大家加深對工具的理解，同時也分享實用的面試技巧。
3.10-3.15前端免費課程
1. 架構：《學習優秀源碼架構-學會自己封裝框架》
流行的框架結構都是什麼樣的
loadsh、jquery、vue、express架構分析
從經典的框架源碼中我們能學會什麼
2. 架構：《打通全棧，輕鬆掌握服務端渲染》
深入理解SSR與CSR的異同點
掌握SSR與CSR在不同業務模式下的不同應用
掌握一門新的語言以及在前端中的新運用
3. 技能：《程序員的真正能力-代碼質量如何提高》
代碼的各種性能
如何提高自己代碼的質量
如何把差代碼變成好代碼
4. 項目：《自定義插件庫及NPM集成》
插件與組件
如何用vue造自己的輪子
集成至npm官網
深入淺出的乾貨課程，沒有套路，掃碼添加網易雲課堂前端助教，就可以免費獲得！
掃碼領取
免費前端直播課
更有前端進階資料包免費贈送
