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

mapState

当计算属性的名字和状态属性的名字相同时，我们可以直接给函数传递一个字符串数组就可以了。​

​mapState()​

​​和​

​mapMutations​

​是一样的，都是返回一个对象，所以我们就可以使用展开运算符将它和组件内的计算属性结合一起使用。

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

vuex中我们可以在store中去定义​

​getters​

​​，这个属性的返回值和计算属性一样，会根据它的依赖项被缓存起来，只有当依赖项发生改变时才会重新进行计算。我们可以使用​

​mapGetters​

​这个属性函数将getter中的计算属性的访问形式进行简化。getter的传参还可以通过返回的一个函数去实现。

action

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