1、談談我對vuex的理解它對于我們來說就像眼鏡，惟獨我們自己知道是否需要它，它好用但不能濫用，我對它的理解，從以下幾個層面開頭綻開:1 .state1)單一狀態(tài)樹vuex用法單一狀態(tài)樹-是的，用一個對象就包含了所有的應用層級狀態(tài)。至此它便作為一個唯一數(shù)據(jù)源(ssot)而存在。這也意味著，每個應用將僅僅包含一個store實例。單一狀態(tài)樹讓我們能夠挺直地定位任一特定的狀態(tài)片段，在調試的過程中也能輕易地取得囫圇當前應用狀態(tài)的快照。2）在vue組件中獲得vuex狀態(tài)最好在根實例中注冊store選項，該store實例會注入到根組件下的全部子組件中，且子組件能通過this.$store拜訪到。而不是在每個需

2、要用法state的組件中需要頻繁地導入。3）mapstate輔助函數(shù)當一個組件需要獵取多個狀態(tài)時候，可以用法mapstate輔助函數(shù)協(xié)助我們生成計算屬性，這樣可以簡化代碼書寫。mapstate函數(shù)會返回一個對象，然后可以用法對象綻開運算符將它與局部計算屬性混合用法。4）不要濫用vuex用法vuex并不意味著你需要將全部的狀態(tài)放入vuex。雖然將全部的狀態(tài)放到vuex會使狀態(tài)變幻更顯式和易調試，但也會使代碼變得冗長和不直觀。假如有些狀態(tài)嚴格屬于單個組件，最好還是作為組件的局部狀態(tài)。你應當按照你的應用開發(fā)需要舉行權衡和確定。2. gettersgetters用來從store中的state中派生出一

3、些狀態(tài)，例如對列表舉行過濾并計數(shù)getters可以認為是store的計算屬性。和state類似，有mapgetters輔助函數(shù)。3. mutations更改vuex的store中的狀態(tài)的唯一辦法是提交mutation。vuex中的mutations十分類似于大事：每個mutation都有一個字符串的大事類型(type)和一個回調函數(shù)(handler)。這個回調函數(shù)就是我們實際舉行狀態(tài)更改的地方，并且它會接受state作為第一個參數(shù)1）提交載荷（payload）你可以向mit傳入額外的參數(shù)，即mutation的載荷（payload）：2）mutations需遵守vue的響應規(guī)章3）用法常量替代m

4、utation大事類型4）mutation必需是同步函數(shù)5）在組件中提交mutations你可以在組件中用法this.$mit(&39;xxx&39;)提交mutation，或者用法mapmutations輔助函數(shù)將組件中的methods映射為mit調用（需要在根節(jié)點注入store）。4. actionsactions類似于mutation，不同在于：· actions提交的是mutation，而不是挺直變更狀態(tài)。· actions可以包含隨意異步操作。1）在組件中分發(fā)action你在組件中用法this.$store.dispatch(&39;xxx&39;)分發(fā)a

5、ction，或者用法mapactions輔助函數(shù)將組件的methods映射為store.dispatch調用（需要先在根節(jié)點注入store）2）組合actionsaction通常是異步的，那么如何知道action什么時候結束呢？更重要的是，我們如何才干組合多個action，以處理越發(fā)復雜的異步流程？首先，你需要明了store.dispatch可以處理被觸發(fā)的action的回調函數(shù)返回的promise，并且store.dispatch照舊返回promise。5. modules因為用法單一狀態(tài)樹，應用的全部狀態(tài)會集中到一個比較大的對象。當應用變得十分復雜時，store對象就有可能變得相當臃腫。為了解決以上問題，vuex允許我們將store分割成模塊（module）。每個模塊擁有自己的state、mutation、action、getter、甚至是嵌