vue 面試時須要準備的知識點

前端火熱的框架層出不窮，做爲碼農的咱們，依舊須要去學習，去探索新的問題，學習新技術，其實就是爲了寫一手好的，自認爲是高質量的代碼。今天主要分享一下前端最火的框架vue，也是我比較喜歡的框架。

vue上手能夠說是比較輕鬆並且簡單，若是你用過angular，react，你也會很喜歡vue。vue的核心思想依舊是：構建用戶界面的漸進式框架，關注視圖的變化。這也是爲何新建的文件是結構是template script style

vue的使用由不少種，能夠直接引入vue.js就能夠開啓vue的開發。可是這是初級的使用。在vue官網中推薦vue-cli,這個會幫咱們自動引入全家桶開發環境。這裏不作過多的解釋，下面主要分向vue使用的一些經驗，若是有不對的地方，請大神指正。

在任何系統總咱們都會涉及到用戶須要登陸的驗證才能夠去訪問某個頁面，這裏個人作法是藉助vue的router組件，實現個人頁面驗證功能。在面試中，有可能面試官會問到咱們有關於用戶的權限設置。用戶權限是基於角色的設計的，對於咱們而言，就是在不一樣的用戶訪問咱們的系統的時候，你須要根據用戶的不一樣顯示不一樣的組件狀態(我的習慣把整個頁面做爲模塊化，組件化區分）；這裏咱們將進一步討論組件的使用

在vue中咱們經常使用的組件是父子組件，父子組件能夠經過prop,而自組件是用自定義事件，$on(eventName) 監聽事件 ，使用 $emit(eventName)觸發事件 詳細見教程 面試的時候提到這個必定要說到組件的通訊，非組件通訊手段狀態管理。

vue的生命週期有哪些 beforeCreate（建立前）,created（建立後）,beforeMount(載入前),mounted（載入後）,beforeUpdate（更新前）,updated（更新後）,beforeDestroy（銷燬前），destroyed（銷燬後）。

vue中es6的使用，這裏須要注意下es6語法的一些新特性：好比箭頭函數，變量命名，若是你的簡歷中涉及到es6那麼推薦去看看這個es6特性。這個對於本身的提高能夠說是至關大的。對於往後的快速開發，優雅代碼會比較好。

vuex的掌握須要注意如下幾點：

1.爲何用vuex?

2.vuex怎麼用

3.vuex的插件的用法

針對上面這幾點：不少前端入門者，很迷茫，作幾點解釋

1.vue何時用vuex,首先推薦不知道vuex的同窗去看看vuex； 1）簡單的單頁面應用不用它2）能用store解決就不用它vuex

2.vuex的使用須要掌握state,getter（接收state）,mutations(同步操做,組件中提交this.$store.commit('xxx')),action(Action 提交的是 mutation，而不是直接變動狀態。Action 能夠包含任意異步操做。),module（模塊化state）,其中state是基礎，module是對於state過大時的劃分模塊，須要之一命名空間

3.vuex插件在插件中不容許直接修改狀態——相似於組件，只能經過提交 mutation 來觸發變化

最後，vue的學習是要不斷去實踐的，嘗試的，包括腳手架的使用須要本身去掌握，開發環境的可配置化，多個不一樣環境對應api的修改。