【Vue全家桶+SSR+Koa2全棧開發】(二)Vuex基礎

寫在開頭

大家好,這裏是lionLoveVue,基礎知識決定了編程思維,學如逆水行舟,不進則退。金三銀四,爲了面試也還在慢慢積累知識,Github上面可以直接查看所有前端知識點梳理,github傳送門,覺得不錯,點個Star★,好運連連,Offer終究鼠於你,持續更新中。另外,也可以關注微信公衆號:小獅子前端Vue,源碼以及資料今後都會放在裏面。

Vuex基礎


Vuex簡單來說就是多個組件共享數據,但是組件是不能直接操縱數據的,如下圖所示,我們的數據放在紫色部分state裏面(沒有放在data裏),操作數據源由紅色部分Mutations完成,什麼時候操控數據有黃色部分Actions來控制,這裏就是由用戶來操縱組件來觸發 Actions ,最後,由 Actons 提交 Commit 通知改變數據源,來完成組件視圖的更新渲染。

安裝Vuex

npm/cnpm i vuex

結尾


如若本文有瑕疵需修改的地方,請提出來,謝謝您的貢獻!

歡迎關注微信公衆號:小獅子前端Vue

謝謝您的支持!✿✿ヽ(°▽°)ノ✿

學如逆水行舟,不進則退
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章