VueX的對(duì)象式提交commit

工作時(shí)候接觸到了VueX對(duì)象式的commit提交方式胎署,順便研究了一下

正常來說我們使用Vuex提交的時(shí)候是這樣的:

    this.$store.commit('num', 10)

今天發(fā)現(xiàn)了可以這樣提交:

    this.$store.commit({ type:'num',name:'numTool', data: 10 })

這樣做的好處是可以只寫一個(gè) mutations 去根據(jù)傳入的值判斷給哪個(gè) state 賦值,比如:

    num (state, param) { 
       state[param.name] = param.data
    }

屬性 type 就是 mutations 里定義的函數(shù)名稱窑滞,其他的隨便寫只要自己清楚即可

完整的便于理解的如下:

        //提交
       this.$store.commit({ type: 'num', name: 'numTool', data: 10 })
        
        //更改狀態(tài)
        const mutations = {
          num(state, param) {
            state[param.name] = param.data
          }
        }
        
       //狀態(tài)管理
        const state = () => ({
          numTool: {},
        })
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末琼牧,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子哀卫,更是在濱河造成了極大的恐慌巨坊,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,104評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件此改,死亡現(xiàn)場離奇詭異趾撵,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)共啃,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,816評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門占调,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人移剪,你說我怎么就攤上這事究珊。” “怎么了挂滓?”我有些...
    開封第一講書人閱讀 168,697評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵苦银,是天一觀的道長。 經(jīng)常有香客問我赶站,道長幔虏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,836評(píng)論 1 298
  • 正文 為了忘掉前任贝椿,我火速辦了婚禮想括,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘烙博。我一直安慰自己瑟蜈,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,851評(píng)論 6 397
  • 文/花漫 我一把揭開白布渣窜。 她就那樣靜靜地躺著铺根,像睡著了一般。 火紅的嫁衣襯著肌膚如雪乔宿。 梳的紋絲不亂的頭發(fā)上位迂,一...
    開封第一講書人閱讀 52,441評(píng)論 1 310
  • 那天,我揣著相機(jī)與錄音详瑞,去河邊找鬼掂林。 笑死,一個(gè)胖子當(dāng)著我的面吹牛坝橡,可吹牛的內(nèi)容都是我干的泻帮。 我是一名探鬼主播,決...
    沈念sama閱讀 40,992評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼计寇,長吁一口氣:“原來是場噩夢啊……” “哼锣杂!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起番宁,我...
    開封第一講書人閱讀 39,899評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤蹲堂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后贝淤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體柒竞,經(jīng)...
    沈念sama閱讀 46,457評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,529評(píng)論 3 341
  • 正文 我和宋清朗相戀三年播聪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了朽基。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,664評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡离陶,死狀恐怖稼虎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情招刨,我是刑警寧澤霎俩,帶...
    沈念sama閱讀 36,346評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響打却,放射性物質(zhì)發(fā)生泄漏杉适。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,025評(píng)論 3 334
  • 文/蒙蒙 一柳击、第九天 我趴在偏房一處隱蔽的房頂上張望猿推。 院中可真熱鬧,春花似錦捌肴、人聲如沸蹬叭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,511評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽秽五。三九已至,卻和暖如春饥悴,著一層夾襖步出監(jiān)牢的瞬間筝蚕,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,611評(píng)論 1 272
  • 我被黑心中介騙來泰國打工铺坞, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留起宽,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,081評(píng)論 3 377
  • 正文 我出身青樓济榨,卻偏偏與公主長得像坯沪,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子擒滑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,675評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 一. vuex簡介 1. Vuex是做什么的? (數(shù)據(jù)/變量大管家) Vuex是一個(gè)專門為Vue.js應(yīng)用程...
    熊爸天下_56c7閱讀 323評(píng)論 0 1
  • 初識(shí)Vue2.0 想讓Vue工作腐晾,就必須創(chuàng)建一個(gè)Vue實(shí)例,且要傳入一個(gè)配置對(duì)象 vue容器里的代碼依然符合htm...
    Zindex閱讀 409評(píng)論 0 0
  • 前端常見的一些問題 1.前端性能優(yōu)化手段丐一? 1. 盡可能使用雪碧圖2. 使用字體圖標(biāo)代替圖片3. 對(duì)HTML藻糖,cs...
    十八人言閱讀 1,138評(píng)論 0 1
  • Vuex的store中的state是響應(yīng)式的, 當(dāng)state中的數(shù)據(jù)發(fā)生改變時(shí), Vue組件會(huì)自動(dòng)更新. 這就要求...
    名字是亂打的閱讀 741評(píng)論 0 1
  • 一、概念介紹 Vue.js和React.js分別是目前國內(nèi)和國外最火的前端框架库车,框架跟類庫/插件不同巨柒,框架是一套完...
    劉遠(yuǎn)舟閱讀 1,066評(píng)論 0 0