mapstate

在 Vuex 中， mapState  用于将 store 中的状态映射到组件的计算属性。当需要映射多个状态时，可以使用数组写法，直接列出需要映射的状态名，映射后的计算属性名与状态名一致。以下是具体用法：

 

 mapState  数组写法示例

import { mapState } from 'vuex

export default {

  computed: {

    // 直接映射 store 中的状态到计算属性

    ...mapState([

      'state1', // 映射 store.state.state1

      'state2', // 映射 store.state.state2

      'list', // 映射 store.state.list

      // 更多状态...

    ])

  }

}

 

注意事项

- 若状态名在组件中需要自定义别名，可使用对象写法，例如： { customName: 'state1' } 。

- 数组写法适用于状态名与计算属性名一致的场景，简洁直观。