如何在其他Vue文件中调用Pinia store的getUser getter？

问题核心错误 #

你的代码存在两个关键问题：

1. 导入时错误将导出的Store函数命名为defineStore，混淆了Pinia的API和自定义Store函数
2. Pinia的getter是只读计算属性，并非函数，不能通过加括号()的方式调用

修正步骤 #

第一步：规范Store导出（可选但更清晰） #

建议将默认导出改为命名导出，避免导入混淆：

// @/store/user.js
export const useUserStore = defineStore("user", () => {
  const loadingStore = useLoadingStore();
  const successStore = useSuccessStore();
  const errorStore = useErrorStore();

  const user = ref(null);
  const token = ref(!!window.localStorage.getItem(`${env}token`) || null);

  return {
    // state
    user,
    token,

    // getters
    getUser: computed(() => user.value), // 需返回ref的value，否则拿到的是ref包装对象
    getToken: computed(() => token.value),
  };
});

第二步：在Vue文件中正确调用 #

// 目标Vue组件文件
import { useUserStore } from "@/store/user.js";
import { storeToRefs } from "pinia"; // 如需响应式访问，推荐使用该工具

// 在<script setup>或组件setup函数内
const userStore = useUserStore();

// 方式1：直接访问（非响应式）
const user = userStore.getUser;

// 方式2：响应式访问（推荐）
const { getUser } = storeToRefs(userStore);
// 使用时需通过getUser.value获取实际数据

关键注意事项 #

• Pinia getter本质是计算属性，不能加括号调用
• 若需保持数据响应式，必须用storeToRefs解构，直接访问会丢失响应性
• 导入时要使用自定义的Store函数（如useUserStore），而非Pinia的defineStore

内容的提问来源于stack exchange，提问作者Vishal