vue3+typescript 使用 pinia 作为状态管理

在 src 下 创建 store 文件夹 在文件夹下创建 index.ts 文件

内容

import type { App } from 'vue';
import { createPinia } from 'pinia';

const store = createPinia();

export function setupStore(app: App<Element>) {
  app.use(store);
}

export { store };

在 main.ts 中添加

import { setupStore } from '@/store';
import { createApp } from 'vue';

const app = createApp(App);

// 挂载状态管理
setupStore(app);