vue2&3更简单实用的状态管理--pinia，一、安装并实现demo

Pinia（发音为 /piːnjʌ/，类似于英语中的“peenya”），菠萝实际上是一组单独的花朵，它们结合在一起形成多个水果。 与 Store 类似，每一家都是独立诞生的，但最终都是相互联系的。

与VueX的比较：

提供了更简单的API，更少的规范，在与 TypeScript 一起使用时具有可靠的类型推断支持。不能与vueX一起使用。

VueX3--vue2   VueX4--vue3  

1.没有mutations 了。

2.直接支持ts。

3.不需要注入、导入、调用函数，自动完成功能。

4.取消modules嵌套结构，提供了平面结构，store之间的交叉组合就直接导入和使用即可。

5.取消 命名空间 模块，扁平结构下，所有store都可以是命名空间。

看到这里，如果您想要了解VueX转换pinia，请点击这里 pinia官方转换方法链接

1.安装

yarn add pinia
# 或者使用 npm
npm install pinia

如果您的应用使用 Vue 2，您还需要安装组合 API：@vue/composition-api。

在main.js中注