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支持插件来