14.(vue3.x+vite)组件间通信方式之pinia

前端技术社区总目录(订阅之前请先查看该博客)

示例效果

在这里插入图片描述

Pinia简介

Pinia 是 Vue 的存储库,它允许您跨组件/页面共享状态。

Pinia与Vuex比较

(1)Vue2和Vue3都支持,这让我们同时使用Vue2和Vue3的小伙伴都能很快上手。
(2)pinia中只有state、getter、action,抛弃了Vuex中的Mutation,Vuex中mutation一直都不太受小伙伴们的待见,pinia直接抛弃它了,这无疑减少了我们工作量。
(3)无需再创建各个模块嵌套(module),Vuex中如果数据过多,我们通常分模块来进行管理,稍显麻烦,而pinia中每个store都是独立的,互相不影响。
(4)良好的Typescript支持,毕竟我们Vue3都推荐使用TS来编写,这个时候使用pinia就非常合适了
(5)体积非常小,只有1KB左右。
(6)pinia支持插件来

猜你喜欢

转载自blog.csdn.net/m0_60387551/article/details/133080532