vue 状态管理工具 Pinia的使用

逆风优雅

已于 2023-01-30 18:08:17 修改

阅读量130

点赞数

分类专栏： vue3 pinia 文章标签： vue.js 前端 javascript

于 2023-01-12 14:34:15 首次发布

本文链接：https://blog.csdn.net/qq_44603011/article/details/128659229

版权

vue3 同时被 2 个专栏收录

32 篇文章 2 订阅

订阅专栏

pinia

3 篇文章 0 订阅

订阅专栏

该文章介绍了如何在Vue项目中安装和使用Pinia进行状态管理。首先，通过npm安装Pinia，然后在main.ts文件中引入并实例化。接着，创建App并挂载到#app元素上，同时引入和使用路由器。最后，文章提到了在src/store文件夹下创建store，并提供了两种使用Pinia的方法。

摘要由CSDN通过智能技术生成

首先安装依赖：

npm i pinia -s

其次在项目main.ts或main.js中引入

import { createApp } from 'vue'

import App from './App.vue'
import router from './router/index' // 引入router
import { createPinia } from 'pinia' // 引入pinia
const pinia = createPinia() // 实例化 pinia
createApp(App).use(router).use(pinia).mount('#app')

然后一般在项目src 目录下新建store文件夹

使用方法：

方法一：