vuex Payload 荷载
生活随笔
收集整理的這篇文章主要介紹了
vuex Payload 荷载
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、payload
payload:有效載荷,即記錄有效信息的部分。
通常在傳輸數(shù)據(jù)時(shí),為了使數(shù)據(jù)傳輸更可靠,要把原始數(shù)據(jù)分批傳輸,并且在每一批數(shù)據(jù)的頭和尾都加上一定的輔助信息,比如這一批數(shù)據(jù)量的大小,校驗(yàn)位等,這樣就相當(dāng)于給已經(jīng)分批原始數(shù)據(jù)加一些外套,這些外套起到標(biāo)示作用,使得原始數(shù)據(jù)不易丟失。一批數(shù)據(jù)加上它的“外套”,就形成了傳輸通道中基本的傳輸單元,叫做數(shù)據(jù)幀或者數(shù)據(jù)包(有的地方數(shù)據(jù)幀和數(shù)據(jù)包不是同一概念比如網(wǎng)絡(luò)傳輸)。這些數(shù)據(jù)幀中的記錄信息的原始數(shù)據(jù)就是有效載荷數(shù)據(jù),即payload data。而消息體就是外套。即標(biāo)記著原始數(shù)據(jù)的大小等的輔助信息。
2、使用
vuex 配置:
mutations: {//payload 對(duì)象寫法 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對(duì)應(yīng)著上面這個(gè)statestate.show = state.show ? false : true// 你還可以在這里執(zhí)行其他的操作改變state }}, methods: {handleIncrease() {//this.$store.commit('increase', 5);//payload 對(duì)象寫法this.$store.commit({type: 'increase',amount: 10})}}?
更多專業(yè)前端知識(shí),請(qǐng)上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的vuex Payload 荷载的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue-router 响应路由参数的变化
- 下一篇: Vue DOM事件