其中的{commit}其实都是代表的state,这样的写法可以直接调用(对象的解构)
我们建议创建vuex时候按照这样的项目结构,并且actions中存储的代码是异步执行的代码。而mutations中的代码是同步执行的。
又或者你又可能遇到mutations-type.js这样的js文件(这个文件不需要引入到index.js中),它的存在并没有什么实际的意义,主要是针对多人同时开发的时候的命名问题。
mutations.js中的是大概这样的,
actions.js的大致编写是这样的,目的是让每个调用它的实力都能直接调用其中的某个方法调用方法为this.$store.dispatch('函数名',{key: value})
通过调用actions中的函数来执行mutations中的函数的时候是commit(函数名,参数)
changePkg = ({commit}, data) =>{}是定义actions中的函数,内部是执行mutations的步骤
你需要将你创建的actions和mutations文件都引入到index.js中,这样才能使用这些函数,并且引入的时候我们建议您这样引入。
因为只有这样引入之后的挂载的时候才能使用解构的方法,避免一些不必要的代码编写。
最后的时候记得将你创建的这个store导出,