mapstate mapaction区别

`mapState`和`mapAction`都是Vuex中的辅助函数，用于简化在组件中使用Vuex的过程。它们的区别在于：

- `mapState`用于将Vuex store中的state映射到组件的计算属性中，使得组件可以通过计算属性直接访问state中的数据。
- `mapAction`用于将Vuex store中的actions映射到组件的methods中，使得组件可以直接调用actions中的方法。

下面是一个简单的例子，展示了如何使用`mapState`和`mapAction`：

// 在store中定义state和actions
const store = new Vuex.Store({
  state: {
    count: 0
  },
  actions: {
    increment(context) {
      context.commit('increment')
    }
  },
  mutations: {
    increment(state) {
      state.count++
    }
  }
})

// 在组件中使用mapState和mapAction
export default {
  computed: {
    // 将store中的count映射到组件的计算属性中
    ...mapState(['count'])
 },
  methods: {
    // 将store中的increment映射到组件的methods中
    ...mapActions(['increment'])
  }
}