其中的{commit}其實(shí)都是代表的state，這樣的寫法可以直接調(diào)用（對(duì)象的解構(gòu)）

我們建議創(chuàng)建vuex時(shí)候按照這樣的項(xiàng)目結(jié)構(gòu)，并且actions中存儲(chǔ)的代碼是異步執(zhí)行的代碼。而mutations中的代碼是同步執(zhí)行的。

又或者你又可能遇到mutations-type.js這樣的js文件（這個(gè)文件不需要引入到index.js中），它的存在并沒有什么實(shí)際的意義，主要是針對(duì)多人同時(shí)開發(fā)的時(shí)候的命名問題。

mutations.js中的是大概這樣的，

actions.js的大致編寫是這樣的，目的是讓每個(gè)調(diào)用它的實(shí)力都能直接調(diào)用其中的某個(gè)方法調(diào)用方法為this.$store.dispatch('函數(shù)名',{key: value})

通過調(diào)用actions中的函數(shù)來執(zhí)行mutations中的函數(shù)的時(shí)候是commit(函數(shù)名，參數(shù))

changePkg = ({commit}, data) =>{}是定義actions中的函數(shù)，內(nèi)部是執(zhí)行mutations的步驟

你需要將你創(chuàng)建的actions和mutations文件都引入到index.js中，這樣才能使用這些函數(shù)，并且引入的時(shí)候我們建議您這樣引入。

，

因?yàn)橹挥羞@樣引入之后的掛載的時(shí)候才能使用解構(gòu)的方法，避免一些不必要的代碼編寫。

最后的時(shí)候記得將你創(chuàng)建的這個(gè)store導(dǎo)出，