重慶分公司
重慶分公司
研究了一段時(shí)間的vuex，只是簡(jiǎn)單地會(huì)用，對(duì)于里面的一些知識(shí)點(diǎn)還是
不太會(huì)表達(dá)，就目前，先梳理一下自己對(duì)vuex中幾個(gè)主要概念的理解
vuex一個(gè)專為 Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式，主要是為了解決組
件間的通信，方便數(shù)據(jù)的共用，如果不使用vuex，數(shù)據(jù)之間或許可以
用子組件的傳值來(lái)解決，但是比較麻煩。
概念的理解
state： 狀態(tài)管理 ，儲(chǔ)存初始化數(shù)據(jù)
getters:相當(dāng)于store的計(jì)算屬性,對(duì)State 里面的數(shù)據(jù)二次處理
mutations:改變state狀態(tài)的函數(shù),對(duì)數(shù)據(jù)進(jìn)行計(jì)算的方法全部寫在里面,
每個(gè)mutation都有一個(gè)事件類型和一個(gè)回調(diào)函數(shù),回調(diào)函數(shù)必須是同步
的，通過(guò)this.$store.commit('decrement')來(lái)觸發(fā)
actions：主要是commit mutations,而不是用于直接更變狀態(tài)，是異步
操作，通過(guò)this.$store.dispatch('decrement')來(lái)觸發(fā)
mapState 輔助函數(shù)，把全局的 state映射到當(dāng)前組件的 computed 計(jì)算
屬性中，返回的是一個(gè)對(duì)象
之所以使用mapstate：當(dāng)一個(gè)組件需要獲取多個(gè)狀態(tài)時(shí)候，將這些狀
態(tài)都聲明為計(jì)算屬性會(huì)有些重復(fù)和冗余。
mapGetters：把全局的getters映射到當(dāng)前組件的 computed 計(jì)算屬性
中，返回的是一個(gè)數(shù)組
computed:mapGetters([
'count'
//映射 this.count 為 store.getters.count
]),
mapMutations:將組件中的 methods 映射為 store.commit 調(diào)用
methods:{
...mapMutations([
'add'
//映射 this.add() 為 this.$store.commit('add')
])
},
mapActions::將組件中的 methods 映射為 store.dispatch 調(diào)用
methods:{
...mapActions([
'increment'
// //映射 this.increment() 為 this.$store.dispatch('increment')
])
},另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
