vuex Payload 荷載

1、payload

payload：有效載荷，即記錄有效資訊的部分。

通常在傳輸資料時，為了使資料傳輸更可靠，要把原始資料分批傳輸，并且在每一批資料的頭和尾都加上一定的輔助資訊，比如這一批資料量的大小，校驗位等，這樣就相當于給已經分批原始資料加一些外套，這些外套起到标示作用，使得原始資料不易丢失。一批資料加上它的“外套”，就形成了傳輸通道中基本的傳輸單元，叫做資料幀或者資料包（有的地方資料幀和資料包不是同一概念比如網絡傳輸）。      

這些資料幀中的記錄資訊的原始資料就是有效載荷資料，即payload data。而消息體就是外套。即标記着原始資料的大小等的輔助資訊。      

2、使用

vuex 配置：

mutations: {
        //payload 對象寫法
        increase(state, payload) {
            state.count += payload.amount;
        },
        //increase(state, n=1) {
        //            state.count += n;
        //        },
        decrease(state, n = 1) {
            state.count -= n;
        },
        switch_dialog(state) { // 這裡的state對應着上面這個state
            state.show = state.show ? false : true
            // 你還可以在這裡執行其他的操作改變state
        }
    },      

methods: {
            handleIncrease() {
                //this.$store.commit('increase', 5);
                //payload 對象寫法
                this.$store.commit({
                    type: 'increase',
                    amount: 10
                })
            }
        }