众多大厂 Vue3 项目放弃使用 Pinia，新趋势？

主要观点总结

文章讨论了Vue3项目中是否需要使用Pinia进行状态管理，并探讨了Pinia的优势和特性。文章的关键点包括：不使用Pinia也能实现状态管理，通过Vue3提供的ref和reactive API可以管理局部状态并共享同一个状态；Pinia底层依赖于effectScope API实现状态管理，但effectScope同样可以实现状态管理；Pinia具有独特的优势，如减少代码量、使代码结构更清晰易于维护，并提供$subscribe方法和插件机制等扩展功能。

关键观点总结

关键观点1: 不使用Pinia也能实现状态管理

通过Vue3提供的ref和reactive API，可以管理局部状态并共享同一个状态，无需额外引入外部库。

关键观点2: Pinia底层依赖于effectScope API

Pinia本质上是利用Vue3的effectScope API来实现状态管理，但这个API本身也可以用来实现状态管理。

关键观点3: Pinia的优势

Pinia能帮助减少代码量，使代码结构更清晰易于维护。它提供了state、getter、action的结构化方式组织代码，$subscribe方法用于监听状态变化，并提供插件机制来扩展功能。

关键观点4: Pinia的插件机制

Pinia允许使用插件来拓展其功能，包括添加新属性、自定义选项、添加额外方法、包装已有方法、修改或取消某些action等。例如，持久化插件pinia-plugin-persistedstate就利用了插件机制来实现状态的持久化。

正文

请到「今天看啥」查看全文

最近我一直在思考一个问题：在 Vue3 项目中进行状态管理时，我们是否真的需要使用 Pinia？

不如反过来问一个问题：如果没有 Pinia，我们还能实现状态管理吗？

答案是：可以的！

使用 ref 和 reactive

Vue3 提供的一些 API 比如 ref 和 reactive ，与 React 的做法不同，它们并不一定需要在组件中声明。

举个例子，假如你需要管理局部状态，可以直接使用这些 API 来完成，而不需要额外引入外部库。

通过这种方式，我们能够实现局部状态的管理，并且实现多个组件共享同一个状态。具体效果可以参考以下示意图。

effectScope API

Vue3 还有一个非常少为人知的 API —— effectScope ，它其实非常强大，但很多开发者并不了解。

而 Pinia 底层的原理正是依赖于 effectScope 来实现状态管理。

既然 Pinia 本质上就是利用 effectScope

请到「今天看啥」查看全文