初始Pinia

Pinia 是什么

Pinia最初是一个实验，用于取代vuex。Vuex主要服务于vue2，目前能使用vuex4来在vue3中使用，但仍然存在很大的缺陷，所以推出了Pinia。

为什么叫 Pinia

Pinia（发音为 ==/piːnjʌ/==，类似于英语中的 ==peenya==）是最接近有效包名 piña（西班牙语中的 pineapple ）的词，即为菠萝，其 logo 也被设计成了菠萝的模样。

:::: demo-wrapper no-padding
::: center

:::
::::

菠萝实际上是一组单独的花朵，它们结合在一起形成多个水果。与状态管理器中的概念 Store 类似，每一家都是独立诞生的，但最终都是相互联系的。

Pinia vs Vuex

Pinia 试图尽可能接近 Vuex 的理念。Pinia 的作者 I(Eduardo) 是 Vue 核心团队的一员，并积极参与 Router 和 Vuex 等 API 的设计。

• ==Vuex 核心概念==：State、Getter、Mutation、Action、Module。
• ==Pinia 核心概念==：State、Getters、Actions、Plugins、Stores outside of components。

不难看出大部分的核心概念都是相似的。

不过相比于Vuex，Pinia可以更好的支持TypeScript并且舍弃了Mutation。

关于版本问题

Pinia 既支持 Vue2 也支持 Vue3，一般情况下 Vue2 习惯性使用 Vuex，而 Vue3 使用 Pinia。

Pinia 当前的最新版本是 2.x（截止 2023 年 8 月），而 Vuex 当前的最新版本是 4.x。==Pinia 可以认为就是 Vuex 的第五个版本==，因为它的作者是官方的开发人员，并且==已经被官方接管了==。

Pinia 是新版本的 Vuex，建议在你的项目中直接使用它，尤其是使用了 Vue3+TypeScript 的项目。