vue mapState使用方法

mapState是Vue中用于简化在组件中访问store状态的方法。通过引入`mapState`函数，可以直接将store中的state映射到组件的计算属性中，以便在模板中直接使用。

在Vue2中，使用mapState的方法是先在组件中引入`mapState`函数，然后在computed属性中使用`...mapState(['stateName'])`，其中`stateName`是需要映射的state的名称。这样就可以将对应的state映射到组件的计算属性中，从而可以在模板中直接使用该计算属性。

在Vue3中，可以在`setup`函数中使用mapState。在`setup`函数中引入`mapState`函数，并通过`...mapState({ computedName: 'stateName' })`的方式将state映射到组件的计算属性中。其中`computedName`是自定义的计算属性名称，`stateName`是需要映射的state的名称。

另外，在mapState中也可以传入一个数组，用于一次性映射多个state。例如`...mapState(['name', 'age'])`可以将`name`和`age`两个state映射到组件的计算属性中，从而可以在模板中直接使用这两个计算属性。

总结来说，使用mapState可以简化组件中访问store状态的过程，通过将state映射到组件的计算属性中，可以在模板中直接使用这些计算属性，而不需要通过`this.$store.state`来获取store中的state数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>