项目结构中:
modules中的多个js文件都会引入到index.js中统一输出
在.vue文件中
import {mapGetter,mapMutations,mapActions} from 'vuex'
methods:{
...mapMutations(['aa','bb'])
...mapActions(['cc','dd'])
}
computed:{
...mapGetter(['ee','ff'])
}
mutations中:
//state是状态对象,payload是传递的参数,也可以不传
fn(state,payload){...}
actions中:
//context是个对象,其中包含commit和state两个属性,第一种是解构的写法
1、fn({commit,state},payload){...}
2、fn(context,payload){...}
另外:
在函数定义时,参数位置的解构和默认值写法要有一定的敏感度
//从页面传过来的payload是发送ajax的相关参数,相关请求是写在vuex中的actions里
//参数位置有解构也有默认值
fn(context,{servic,data={}}={}){...}