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

vuex中mutation主要用來(lái)干什么？

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

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

vuex存儲(chǔ)多了會(huì)卡嗎？

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

vue封裝插件如何傳參？

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

vve存儲(chǔ)方式？

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

Vuex與本地存儲(chǔ)。

一、vuex

1.創(chuàng)建vuex

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

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

二、本地存儲(chǔ)

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

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

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

譬如:vue-x

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

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

對(duì)于 redux 項(xiàng)目來(lái)說(shuō)，按照經(jīng)驗(yàn)，我們會(huì)有如下約定：

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

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

state 設(shè)計(jì)理念：

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

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

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

Vuex 和 redux 思路其實(shí)類(lèi)似，這里就不細(xì)說(shuō)了，有問(wèn)題歡迎繼續(xù)交流。