当前位置：首页 > 科技 > 软件

为什么有些 Vue3 项目已经开始弃用 Pinia 了？

来源：责编：时间：2024-07-04 09:02:21 210观看

导读真的需要 Pinia 吗？最近在想一个问题：在 Vue3 项目中，进行状态管理的时候，我们真的需要 Pinia 吗？其实我们可以反过来想一个问题：没有 Pinia，我们能做状态管理吗？答案是：可以！！！ref、reactiveVue3 的一些 API 对比 React 的好处就

真的需要 Pinia 吗？

最近在想一个问题：在 Vue3 项目中，进行状态管理的时候，我们真的需要 Pinia 吗？

其实我们可以反过来想一个问题：没有 Pinia，我们能做状态管理吗？

答案是：可以！！！

ref、reactive

Vue3 的一些 API 对比 React 的好处就是，这些 API 并不一定需要在组件中去声明。

就比如你想要做局部状态管理的时候，可以直接使用 reactive、ref 这类 API 来完成。

图片

这样能达到局部状态管理，多组件共用同一个状态的效果，请看下图：

图片

effectScope

Vue3 有一个超级冷门的 API 叫 effectScope ，这个 API 非常强大，但是很多人都不知道它。

当然，既然很少人知道它，那自然就很少人知道，Pinia 的底层原理就是依赖了 effectScope。

图片

既然 Pinia 是通过effectScope来实现的，那么，我们自然也可以直接使用这个 API 来做状态管理！

其实已经有人做过这件事了，就比如 vueuse 中的。

图片

我们可以直接用这个 Hooks 来进行状态管理，如果是使用 effectScope 来进行管理的话，状态就不需要写在 Hooks 外部了，因为 effectScope 内部逻辑只会执行一次，无论你调用多少次。

图片

利用 effectScope 也能达到组件之间共享状态！

图片

那还需要 Pinia 吗？

结构分明

我觉得 Pinia 还是有他的好处的，好处就是：让我们少写一些代码，并且代码更加分明。

比如下面这个例子：

state：定义状态
getter：定义计算变量
action：定义修改方法

结构很分明：

图片

监听 state

Pinia 还提供了 $subscribe 来监听整个状态，我们也可以利用这个方法来做持久化存储。

插件机制

Pinia 提供了插件机制，可以让你去拓展 Pinia 的功能，以下是你可以扩展的内容：

为 store 添加新的属性
定义 store 时增加新的选项
为 store 增加新的方法
包装现有的方法
改变甚至取消 action
实现副作用，如本地存储
仅应用插件于特定 store

比如举个小例子，给所有状态管理都加一个属性变量。

Pinia 著名的持久化插件pinia-plugin-persistedstate就是利用了 Pinia 的插件机制。

他的核心代码其实很少，就是利用插件机制，使用$subscribe去监听每一个状态管理的变化，然后进行持久化存储！

图片

本文链接：http://www.28at.com/showinfo-26-98686-0.html为什么有些 Vue3 项目已经开始弃用 Pinia 了？

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇：上海启动未成年人网络环境整治专项行动：重点整治网络暴力、网络语言污染风气等突出问题

下一篇：小猿学练机携最新 AI 大模型应用成果亮相世界人工智能大会

标签：

热门焦点

MIX Fold3包装盒泄露新机本月登场

小米的全新折叠屏旗舰MIX Fold3将于本月发布，近日该机的真机包装盒在网上泄露。从图上来看，新的MIX Fold3包装盒在外观设计方面延续了之前的方案，变化不大，这也是目前小米旗舰
让我们一起聊聊文件的操作

文件【1】文件是什么？文件是保存数据的地方，是数据源的一种，比如大家经常使用的word文档、txt文件、excel文件、jpg文件...都是文件。文件最主要的作用就是保存数据，它既可以保
之家push系统迭代之路

前言在这个信息爆炸的互联网时代，能够及时准确获取信息是当今社会要解决的关键问题之一。随着之家用户体量和内容规模的不断增大，传统的靠"主动拉"获取信息的方式已不能满足用
每天一道面试题-CPU伪共享

前言：了不起：又到了每天一到面试题的时候了！学弟，最近学习的怎么样啊了不起学弟：最近学习的还不错，每天都在学习，每天都在进步！了不起：那你最近学习的什么呢？了不起学弟：最近在学习C
品牌洞察丨服务本地，美团直播成效几何？

来源：17PR7月11日，美团App首页推荐位出现“美团直播”的固定入口。在直播聚合页面，外卖“神枪手”直播间、美团旅行直播间、美团买菜直播间等均已上线，同时
8月见！小米MIX Fold 3获得3C认证：支持67W快充

这段时间以来，包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都得到了不少爆料，而小米新一代折叠屏旗舰——小米MIX Fold 3此前也屡屡被传
iQOO Neo8系列今日官宣：首发天玑9200+ 全球安卓最强芯！

在昨日举行的的联发科新一代旗舰芯片天玑9200+的发布会上，iQOO官方也正式宣布，全新的iQOO Neo8系列新品将全球首发搭载这款当前性能最强大的移动平台
回归OPPO两年，一加赢了销量，输了品牌

成为OPPO旗下主打性能的先锋品牌后，一加屡创佳绩。今年618期间，一加手机全渠道销量同比增长362%，凭借一加 11、一加 Ace 2、一加 Ace 2V三款爆品，一加
与兆芯合作联想推出全新旗舰版笔记本电脑开天N7系列

联想与兆芯合作推出全新联想旗舰版笔记本电脑开天 N7系列。这个系列采用兆芯KX-6640MA处理器平台，KX-6640MA 处理器是采用了陆家嘴架构，16nm 工艺，4 核 4 线

为什么有些 Vue3 项目已经开始弃用 Pinia 了？

真的需要 Pinia 吗？

ref、reactive

effectScope

那还需要 Pinia 吗？

结构分明

监听 state

插件机制

MIX Fold3包装盒泄露新机本月登场

让我们一起聊聊文件的操作

之家push系统迭代之路

每天一道面试题-CPU伪共享

品牌洞察丨服务本地，美团直播成效几何？

8月见！小米MIX Fold 3获得3C认证：支持67W快充

iQOO Neo8系列今日官宣：首发天玑9200+ 全球安卓最强芯！

回归OPPO两年，一加赢了销量，输了品牌

与兆芯合作联想推出全新旗舰版笔记本电脑开天N7系列

最新推荐

猜你喜欢

热门推荐

相关资讯