×

Vuex 彻底成为历史?Pinia 4.0 正式来了

独孤求败 独孤求败 发表于2026-07-29 14:33:21 浏览46 评论0

抢沙发发表评论

过去几年如果有人问:Vue 项目到底该用什么状态管理?

答案几乎只有一个:Pinia。

Vue 官方推荐几乎所有新的 Vue 项目默认都是它。

但很多人不知道的是 Pinia 已经很久没有一个真正意义上的大版本更新了。

直到最近Pinia 4.0 正式发布。

图片

不少开发者第一反应都是:只是升级个版本号?

其实并不是,这次更新没有疯狂加入新 API,没有推翻现有写法,而是选择了一条更加成熟的路线:稳定、现代、面向未来。

Pinia 为什么能取代 Vuex?

如果你经历过 Vue2 一定忘不了 Vuex。那时候写一个 Store。

先要:

state

mutations

actions

getters

各种概念、各种模板代码,新人经常写晕,后来尤雨溪团队重新思考了一件事情:状态管理真的需要这么复杂吗?于是 Pinia 出现了。

创建 Store 现在只需要:

export const useCounter = defineStore('counter', {
  state: () => ({
    count: 0
  })
})

没有 Mutation。

直接修改状态:

counter.count++

简单直观,也更符合 JavaScript 本身的开发习惯。

Pinia 最大的优势,从来不是简单

很多人第一次使用 Pinia 觉得它只是:Vuex Lite

其实完全不是,真正厉害的是:它天生就是为现代 Vue 设计的。

例如:

  • 支持 Composition API

  • 支持 TypeScript

  • 支持自动类型推导

  • 支持 SSR

  • 支持 DevTools

  • 支持插件扩展

这些能力几乎已经成为 Vue3 的默认体验。

Pinia 4 为什么没有爆炸式更新?

很多人看到 Release Notes 第一感觉就是:怎么没多少新东西?

事实上这恰恰说明:Pinia 已经进入成熟期,官方团队没有为了升级而升级,而是把重点放到了:

维护成本更低。

生态兼容更好。

未来演进更稳定。

相比频繁破坏性更新,这种节奏反而更适合企业项目。

Pinia 4 带来了什么?

虽然没有大量新 API,但底层发生了不少变化,官方重点包括:

✅ 全面拥抱现代 ESM

✅ 优化 TypeScript 类型

✅ 更好的 Tree Shaking

✅ 更完善的开发体验

✅ 清理历史兼容代码

同时 Vue3 最新生态也得到了更好的支持。

包括:

Vue 3.6+

Vite

Nuxt

Vue DevTools

等等。对于已经使用 Pinia 的项目,升级成本非常低。

TypeScript 用户最舒服

如果你现在写 Vue 几乎都会配:

TypeScript

Pinia 最大优势之一就是类型推导

例如:

const counter = useCounter()

counter.count

counter.increment()

几乎不需要写任何额外类型,IDE 自动提示、自动补全,相比 Vuex 时代体验提升非常明显。

Pinia 插件生态越来越成熟

很多人不知道 Pinia 本身非常轻,真正强大的其实是插件系统,目前已经有大量插件。

例如:

✅ 持久化存储

pinia-plugin-persistedstate

刷新页面自动保存状态。

数据同步、日志记录、权限控制、状态恢复、Undo / Redo,都可以通过插件完成,不用自己重复造轮子。

Vue 官方为什么坚持 Pinia?

很多开发者喜欢讨论:

Redux

Zustand

MobX

Jotai

Valtio

……

但对于 Vue 来说官方已经给出了答案就是:Pinia。

因为它足够简单,足够稳定,又能覆盖绝大多数业务场景,对于团队开发来说一致性远比「炫技」重要。

Vue 状态管理,其实已经结束战争了

React 生态,状态管理百花齐放。今天流行 Redux,明天流行 Zustand,后天又出现新的方案。而 Vue 基本已经完成统一。

过去:

Vuex

现在:

Pinia

官方推荐,社区认可,插件丰富,教程完善对于新项目来说几乎没有太多犹豫空间。

Pinia 4 更像一次长期主义升级

如果说前几年 Vue 生态最大的关键词是:创新

那么现在关键词已经变成:稳定

Vue 3 越来越成熟。

Vite 越来越成熟。

Vue Router 越来越成熟。

Pinia 也一样。

4.0 并不是为了增加更多 API,而是为了让整个生态继续保持一致。这也是越来越多企业愿意长期选择 Vue 的原因。

如何快速升级?

如果你的项目已经使用 Pinia。

升级通常只需要:

npm install pinia@latest

或者:

pnpm add pinia@latest

建议同时查看官方升级说明确认项目依赖版本符合要求,由于 Pinia 4 清理了一些历史兼容内容,少数旧项目可能需要调整依赖版本,但大多数基于 Vue 3 的项目升级过程会比较顺利。

写在最后

很多人觉得一个成熟框架每次更新都应该加入大量新功能。其实未必,真正优秀的基础设施往往不会频繁改变开发方式,而是在保持 API 稳定的同时,不断提升性能、改善体验、增强未来兼容性。Pinia 4 正是这样一次更新,它没有制造新的学习成本,却让 Vue 官方状态管理继续迈向更成熟的一步。对于 Vue 开发者来说这或许就是最好的升级。


群贤毕至

访客