vuex中mutation主要用來干什么？mutation結(jié)構(gòu)：每一個mutation都有一個字符串類型的事件類型(type)和回調(diào)函數(shù)(handler)，也可以理解為{type:handler()}

vuex中mutation主要用來干什么？

mutation結(jié)構(gòu)：每一個mutation都有一個字符串類型的事件類型(type)和回調(diào)函數(shù)(handler)，也可以理解為{type:handler()},這和訂閱發(fā)布有點類似。先注冊事件，當(dāng)觸發(fā)響應(yīng)類型的時候調(diào)用handker()，調(diào)用type的時候需要用到方法。

載荷（payload）:簡單的理解就是往handler(stage)中傳參handler(stage,payload)；一般是個對象。

vuex存儲多了會卡嗎？

存入過多的數(shù)字肯定是會有性能問題的，比如你的內(nèi)存就那么大，你基本上就充滿了，這樣對手機性能時會帶著一定的影響的。

vue封裝插件如何傳參？

可以通過vuex完成組件之間的傳參，包括數(shù)組對象等，這也是作者建議的做法，構(gòu)建大型項目管理的狀態(tài)過多不可能都通過url的傳遞參數(shù)的?！　∮昧藇ue-router就是單頁app,頁面都沒刷新過，你把變量放在 window. 所有組件都能訪問得到。

vve存儲方式？

vue存儲數(shù)據(jù)的二種方法:

Vuex與本地存儲。

一、vuex

1.創(chuàng)建vuex

2.存入數(shù)據(jù)

3.取出數(shù)據(jù)

二、本地存儲

1.存儲數(shù)據(jù)

2.取出數(shù)據(jù)

3.清除數(shù)據(jù)

譬如:vue-x

一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)，并以相應(yīng)的規(guī)則保證狀態(tài)以一種可預(yù)測的發(fā)生變化。

前端開發(fā)中，使用vuex或redux這類數(shù)據(jù)管理工具時，store里的數(shù)據(jù)結(jié)構(gòu)如何設(shè)計？

對于 redux 項目來說，按照經(jīng)驗，我們會有如下約定：

1.合理的區(qū)分：model，service 和 view；

一般在我們上面提到的 model 層面；

state 設(shè)計理念：

1.根據(jù)每個 model ，設(shè)計合理的 state，通過 namesapce 區(qū)分；

中的數(shù)據(jù)會提供給 view，所以保持數(shù)據(jù)集中，不要太過分散，譬如我們可以把用戶上下文放在一個 object 中，這樣傳值取值都會很方便；

3.盡量不要耦合多個 model 層面的 state，保持獨立，如果有的話，通過組件來傳，業(yè)務(wù)內(nèi)部組裝。

Vuex 和 redux 思路其實類似，這里就不細說了，有問題歡迎繼續(xù)交流。