vue3如何引入pinia

在 Vue 3 中引入 Pinia，你需要经过以下几个步骤：

1. 首先，安装 Pinia 的依赖包。可以通过 npm 或者 yarn 进行安装，执行以下命令：

npm install pinia@next

或者

yarn add pinia@next

2. 在你的 Vue 3 项目中创建一个 `store` 目录（如果没有的话）。

3. 在 `store` 目录中创建一个 `index.ts` 文件，并添加以下代码：

import { createPinia } from 'pinia';

const pinia = createPinia();

export default pinia;

4. 在你的 Vue 3 项目的入口文件（一般是 `main.ts`）中，引入并使用刚刚创建的 `pinia` 实例。例如：

import { createApp } from 'vue';
import App from './App.vue';
import pinia from './store/index';

const app = createApp(App);

app.use(pinia);

app.mount('#app');

5. 现在你可以在你的组件中使用 Pinia 了。可以在组件中导入 `useStore` 函数并调用它来获取 store 实例。例如：

import { defineComponent } from 'vue';
import { useStore } from 'pinia';

export default defineComponent({