vue3中狀态管理的使用(二)

mapState

當計算屬性的名字和狀态屬性的名字相同時，我們可以直接給函數傳遞一個字元串數組就可以了。​

​mapState()​

​​和​

​mapMutations​

​是一樣的，都是傳回一個對象，是以我們就可以使用展開運算符将它群組件内的計算屬性結合一起使用。

computed: {
    localComputed() {
        ...mapState({ xxx })
    }
}      

vuex中我們可以在store中去定義​

​getters​

​​，這個屬性的傳回值和計算屬性一樣，會根據它的依賴項被緩存起來，隻有當依賴項發生改變時才會重新進行計算。我們可以使用​

​mapGetters​

​這個屬性函數将getter中的計算屬性的通路形式進行簡化。getter的傳參還可以通過傳回的一個函數去實作。

action

store.dispatch('warTea', 7);
store.dispatch('agr', {
    num: 6
})