vue 3 集成 pinia 仅需三步:安装(npm/yarn/pnpm install pinia)、创建实例(createpinia())、挂载(app.use(pinia));推荐在 main.js/ts 中靠前注册,随后可在组件中直接 usexxxstore() 访问状态。

Vue 3 项目集成 Pinia 很直接,核心就三步:安装、创建实例、挂载到应用。不需要额外配置或复杂约定,开箱即用。
安装 Pinia
在项目根目录运行对应包管理命令:
-
npm:
npm install pinia -
yarn:
yarn add pinia -
pnpm(推荐):
pnpm add pinia
在 main.js 或 main.ts 中注册
打开项目入口文件(通常是 src/main.js 或 src/main.ts),创建 Pinia 实例并调用 app.use() 挂载:
- 确保先导入
createApp和createPinia - 调用
createPinia()创建实例,再传给app.use() - 挂载顺序建议靠前(早于 router、i18n 等插件)
示例(TypeScript):
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
