Pinia 状态管理篇：Store数据处理在Vite和Vue3组合使用的API模式中

一、 Pinia 安装与使用

Pinia（发音为 /piːnjʌ/）是一款专为 Vue 开发设计的状态管理库，其核心特性在于支持 “组合式 API”，能够实现跨组件或页面间状态的共享与管理。

相较于 Vuex 3.x/4.x 版本，Pinia 在架构与功能上有哪些主要差异？

数字化管理平台
Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus
个人博客地址

• mutation 功能已被移除，状态的修改方式更加直接和高效
• 整体架构采用扁平化设计，“不再支持可命名模块及嵌套结构模块”
• 在 API 设计方面充分借助 TypeScript 的类型推导能力
• 减少了对 “魔法字符串” 的依赖，仅需导入相关函数并调用即可，同时还能享受到代码自动补全带来的便利性

1.安装流程与操作指南

    # yarn 方式
    yarn add pinia
    
    # npm 方式
    npm install pinia
    
    
      
      
      
      
      
    

Pinia 为 Vite