nuxt vuex getters

在 Nuxt.js 应用程序中，可以使用 Vuex 存储全局状态。Vuex 中的 getters 允许我们从 store 中获取数据，类似于计算属性。在 Nuxt.js 中，可以通过在 store/index.js 文件中定义 getters 来创建 getter。

例如，我们可以在 store/index.js 文件中定义一个名为 getUser 的 getter：

export const getters = {
  getUser: state => {
    return state.user
  }
}

在上面的示例中，我们定义了一个名为 getUser 的 getter，它返回存储在 state.user 中的用户数据。

然后，在组件中可以使用 $store.getters.getUser 来访问此 getter。例如：

<template>
  <div>
    <h1>Hello, {{ user.name }}!</h1>
  </div>
</template>

<script>
export default {
  computed: {
    user() {
      return this.$store.getters.getUser
    }
  }
}
</script>

在上面的示例中，我们使用 $store.getters.getUser 访问了在 store 中定义的 getUser getter，并将其返回的用户信息作为计算属性 user 的值。然后，在模板中可以使用 user.name 来访问用户的名称。