本文最后更新于 4 年前，部分内容可能不适合当前所有情况，仅供参考。

Vue 官方推出的全局状态管理工具目前有 Vuex 和 Pinia ，两者的作用和用法都比较相似，但 Pinia 的设计更贴近 Vue 3 组合式 API 的用法。

教程地址

点击访问：全局状态的管理 查看完整内容。

为什么写这篇内容

截止至 2022 年 4 月， Pinia 还没有被广泛的默认集成在各种脚手架里，官网也只有英文版，整理了教程便于提前学习。

由于 Vuex 4.x 版本只是个过渡版，Vuex 4 对 TypeScript 和 Composition API 都不是很友好，虽然官方团队在 GitHub 已有讨论 Vuex 5 的开发提案，但从 2022-02-07 在 Vue 3 被设置为默认版本开始， Pinia 已正式被官方推荐作为全局状态管理的工具。

Pinia 支持 Vue 3 和 Vue 2 ，对 TypeScript 也有很完好的支持，延续了 Vue3 入门指南与实战案例 的宗旨，在这里只介绍基于 Vue 3 和 TypeScript 的用法。

欢迎 Star

教程属于 Vue3 入门指南与实战案例 的一部分，如果觉得对你有帮助，欢迎到仓库给个 Star 鼓励。