如何在Vue中store的数据提供了一个叫做如何在Vue中轻松调用store的数据
如何在Vue中轻松调用store的数据？
Vuex是Vue中用来管理全局状态的一个工具，调用store中的数据有多种方式，下面我们来详细说说。 一、使用Vuex的mapState辅助函数 Vuex提供了一个叫做`mapState`的辅助函数，它能帮助我们把store中的state映射到组件的计算属性中。比如，这样：
```javascript computed: { ...mapState({ count: state => state.count }) } ``` 二、直接使用this.$store.state 有时候，你可能只是想简单访问一下store中的数据，直接用`this.$store.state`就能做到。就像这样：
```javascript this.$store.state.count ``` 三、使用getters getters有点像store的计算属性，它可以从store中的state派生出一些新的数据。例如：
```javascript getters: { doubleCount: state => state.count * 2 } ``` 四、使用dispatch和actions actions用来处理异步操作，你可以通过`this.$store.dispatch`来触发它们。例如：
```javascript actions: { asyncIncrement({ commit }) { setTimeout(() => { commit('increment') }, 1000) } } ```