vuex-相關語法敏感度

專案結構中：

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={}}={}){...}