vuex開始

每個Vuex應(yīng)用的核心就是store(倉庫)卓箫÷窠В“store”基本上就是一個容器碘勉,它包含著你的應(yīng)用中大部分的狀態(tài)(state)巷挥。
Vuex和單純的全局對象有以下兩點不同:
1.Vuex的狀態(tài)存儲是響應(yīng)式的。當Vue組件從store中讀取狀態(tài)的時候验靡,若store中的狀態(tài)發(fā)生變化倍宾,那么相應(yīng)的組件也會相應(yīng)地得到高效更新。
2.你不能直接改變store中的狀態(tài)胜嗓。改變store中的狀態(tài)的唯一途徑就是顯式地提交(commit)mutation高职。
簡單創(chuàng)建使用示例

//如果在模塊化構(gòu)建系統(tǒng)中,要確保在開頭調(diào)用Vue.use(Vuex)
const store= new Vuex.Store({
state:{
count:0
},
mutations:{
addcount(state){
state.count++
}
}
})

通過store.state來獲取狀態(tài)對象辞州,以及通過store.commit方法觸發(fā)狀態(tài)變更:

store.commit('addcount')
console.log(store.state.count) //1

強調(diào)怔锌,通過提交mutation的方式,而非直接改變store.state.count,是因為想更明確地追蹤到狀態(tài)的變化孙技。
由于store中的狀態(tài)是響應(yīng)式的产禾,在組件中調(diào)用store中的狀態(tài)簡單到僅需要在計算屬性中返回即可。觸發(fā)變化也僅僅是在組件的methods中提交mutation牵啦。
本文來源vuex官網(wǎng)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末亚情,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子哈雏,更是在濱河造成了極大的恐慌楞件,老刑警劉巖衫生,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異土浸,居然都是意外死亡罪针,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進店門黄伊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來泪酱,“玉大人,你說我怎么就攤上這事还最∧狗В” “怎么了?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵拓轻,是天一觀的道長斯撮。 經(jīng)常有香客問我,道長扶叉,這世上最難降的妖魔是什么勿锅? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮枣氧,結(jié)果婚禮上溢十,老公的妹妹穿的比我還像新娘。我一直安慰自己作瞄,他們只是感情好茶宵,可當我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著宗挥,像睡著了一般乌庶。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上契耿,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天瞒大,我揣著相機與錄音,去河邊找鬼搪桂。 笑死透敌,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的踢械。 我是一名探鬼主播酗电,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼内列!你這毒婦竟也來了撵术?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤话瞧,失蹤者是張志新(化名)和其女友劉穎嫩与,沒想到半個月后寝姿,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡划滋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年饵筑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片处坪。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡根资,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出稻薇,到底是詐尸還是另有隱情嫂冻,我是刑警寧澤胶征,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布塞椎,位于F島的核電站,受9級特大地震影響睛低,放射性物質(zhì)發(fā)生泄漏案狠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一钱雷、第九天 我趴在偏房一處隱蔽的房頂上張望骂铁。 院中可真熱鬧,春花似錦罩抗、人聲如沸拉庵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽钞支。三九已至,卻和暖如春操刀,著一層夾襖步出監(jiān)牢的瞬間烁挟,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工骨坑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留撼嗓,地道東北人。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓欢唾,卻偏偏與公主長得像且警,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子礁遣,可洞房花燭夜當晚...
    茶點故事閱讀 44,601評論 2 353

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

  • 安裝 npm npm install vuex --save 在一個模塊化的打包系統(tǒng)中斑芜,您必須顯式地通過Vue.u...
    蕭玄辭閱讀 2,934評論 0 7
  • Vuex是什么? Vuex 是一個專為 Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式亡脸。它采用集中式存儲管理應(yīng)用的所有組件...
    蕭玄辭閱讀 3,114評論 0 6
  • Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式押搪。它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài)树酪,并以相應(yīng)...
    白水螺絲閱讀 4,666評論 7 61
  • vuex 場景重現(xiàn):一個用戶在注冊頁面注冊了手機號碼,跳轉(zhuǎn)到登錄頁面也想拿到這個手機號碼大州,你可以通過vue的組件化...
    sunny519111閱讀 8,015評論 4 111
  • Vuex 是什么续语? ** 官方解釋:Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式**。它采用集中...
    Rz______閱讀 2,303評論 1 10