Vue3 状态管理 - Pinia，超详细讲解！

前言：

哈喽，大家好，我是码喽的自我修养！今天给大家分享【Vue3 状态管理 - Pinia】，超详细讲解！并提供具体代码帮助大家深入理解，彻底掌握！原创不易，如果能帮助到带大家，欢迎收藏+关注 哦 💕

🌈🌈文章目录

前言：

1. Pinia介绍

2. 手动添加Pinia到Vue项目

1.使用 Vite 创建一个空的 Vue3项目

2.按照官方文档安装 pinia 到项目中

3. Pinia基础使用

1.定义store

2.组件使用store

4. getters实现

5. action异步实现

6. storeToRefs工具函数

7. Pinia的调试

8. Pinia持久化插件

1.安装插件 pinia-plugin-persistedstate

2.使用 main.js

3.配置 store/counter.js

1. Pinia介绍

Pinia 是 Vue 的专属的最新状态管理库 ，是 Vuex 状态管理工具的替代品