vuex从gettes读取东西的写法

在Vuex状态管理库中，获取store（存储）中的数据通常通过`actions`（用于异步操作）或`mutations`（用于直接修改状态）配合`state`（存储的数据）来实现。如果你想直接从store中读取数据，不需要改变状态，可以使用`mapState`辅助函数。

例如，假设你在store里有一个名为`todos`的状态：

// store/index.js
export default new Vuex.Store({
  state: {
    todos: [
      { id: 1, text: 'Learn Vuex' },
      //...
    ]
  }
})

然后在你的组件中，你可以这样获取并使用这个数据：

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['todos']) // 使用点语法，将'todos'映射到组件的计算属性上
  },
  //...
}
</script>

<!-- 在模板中访问 -->
<template>
  <div>
    <ul>
      <li v-for="todo in todos" :key="todo.id">{{ todo.text }}</li>
    </ul>
  </div>
</template>

当你在组件实例中访问`this.todos`时，它会直接返回store中对应`todos`状态的值。