vuex 能干什么?
- 組件之間的數(shù)據(jù)共享,有點(diǎn)像單例媳谁,全局任何地方需要的時(shí)候都能用述雾。比單利牛逼的地方是它有命名空間能拆分解藕
vuex 核心概念
state:用來掛載共享的數(shù)據(jù)對(duì)象,通過store對(duì)象訪問 $store.state.'對(duì)象名'
mutations: 注冊(cè)事務(wù)烤低,對(duì)共享對(duì)象執(zhí)行的操作肘交。一般不直接操作共享對(duì)象,而是通過方法去操作扑馁。this.$commit."方法名"
getters:緩存計(jì)算的依賴值涯呻,且只有當(dāng)它的依賴值發(fā)生了改變才會(huì)被重新計(jì)算凉驻。聽起來很抽象,用起來非常好用复罐。這是一個(gè)非常優(yōu)秀的設(shè)計(jì)涝登。頁面刷新不會(huì)重新計(jì)算。
Action: mutations中的事務(wù)是同步操作的效诅,Action中提供異步執(zhí)行的方式胀滚。
Module:引入了命名空間的概念,讓store能夠拆分填帽,不會(huì)變得臃腫蛛淋。
牛逼的設(shè)計(jì)圖
怎么用?
- 沒有比官方demo能更能完美的解釋了購物車案例
參考文檔