VUE相關的複習記錄-持續更新

一：axios 攔截器

 　　攔截器能夠分爲兩種 request.interceptors.request  && axios.interceptors.response

發送請求以前攔截 request；接受請求攔截  response

　　request 能夠添加請求驗證，headers 和驗證狀態等

　　response 能夠作數據格式化，和驗證狀態等

二：vuex 屬性說明

　　state: 倉庫 ，用來儲存數據

　　getters: 讀取states 的方法。

　　mutations： 同步更新狀態

　　action： 異步更新狀態

　　使用方法： 用dispatch 調用action,  action 調用mutations 達到全局狀態管理。

三：vue 的生命週期及每一個階段的區別與不一樣

　　create 建立 -------- 建立vue實例並初始化

　　mount 掛載 -------- 把vue實例和視圖進行關聯

　　update 更新 ------- 監聽數據與視圖的變化

　　destroy銷燬 ------- 銷燬實例

　　beforecreate：在實例初始化以後，數據觀測（data observer）和event/watcher事件配置以前調用，裏面的this指向實例

　　created：實例已經建立完成以後被調用。在這一步，實例已完成如下的配置；數據觀測（data observer),屬性和方法的運算，watch/event事件回調。然而，掛載階段還沒開始，還未與頁面關聯起來，$el屬性目前不可見。可在這階段進行一些初始化的操做（如ajax獲取數據之類的）

　　beforemount：在掛載以前沒調用，解析模板，把實例對象下的$el屬性指向設置中的el參數指定的元素，這個解析後的模板尚未和$el進行綁定

　　mounted：掛載以後調用，把解析後的模板與頁面元素進行綁定，用解析後的模板內容替換頁面

　　beforeupdate在數據綁定以前被調用

　　updated在數據改變以後被調用，能夠進行依賴於dom的操做（能夠在這個階段進行dom操做）

　　activated 被 keep-alive緩存的組件激活時調用。

　　deactivated 被keep-alive 緩存的組件停用時調用。

四：VUE的雙向綁定

　　vue2.0 建立 Vue 實例時,vue 會遍歷 data 選項的屬性，採用數據劫持，經過Object.defineProperty() 來劫持各個屬性的setter，getter,在數據變更時，結合發佈者-訂閱者模式的方式，發佈消息給訂閱者，觸發相應的監聽回調。

　　vue3 則是利用proxy代理對象進行的，不在須要遍歷對象

五：webpack 基礎知識

　　entry： 指定入口

　　output： 打包入口， 定義如何輸出的選項

　　loader： 處理非JS文件

　　plugins:  插件配置

　　module: 模塊相關配置

　　reslove: 解析模塊可選項

六：vue相關 常見原理

　　computed： 計算屬性。相似於watch。 當computed 依賴的狀態發生改變時，變會通知computed，而後進行新的最終的值計算，若是發生改變則會觸發watcher 進行從新渲染

　　watch:  監聽器： 更多的做用是觀察，不具備緩存性，在某些屬性變化後，進行回調後的後續操做

  　 nextTick： 因爲js 是單線程的，全部同步任務都在主線程進行，除主線程外，還存在一個任務隊列，當主線程結束後，便會執行這個任務隊列.

　　data: 組件中，必須是一個函數。因爲組件是能夠複用的。相似於加上一個做用域，不然多組件會產生數據污染。

       Vue 事件機制,手寫$on(提交),$off(註銷),$emit(),$once(執行一次)