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 }) } }