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

                })

            }

        }

巴特西

vuex Payload 荷载

最新文章

热门文章