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

 

更多专业前端知识，请上 【猿2048】www.mk2048.com