Pinia的简介和基本使用

什么是Pinia？

Pinia是Vue专属的最新状态管理库，是Vuex状态管理工具的替代品

将Pinia添加到Vue项目：

1、使用creat-vue 创建空的新项目

2、将pinia添加到新的项目中

getters的实现以及Pinia-counter的基本使用：

点击按钮之后，按钮中的数字会自增，右边的数据会根据按钮中数据的变化再乘二

action如何实现异步

action中实现异步和组件中定义数据和方法的风格完全一致

需要安装axios，到package中查看是否安装成功

npm install axios

进行渲染：

storeToRefs:解构赋值

使用storeToRefs函数可以辅助保持数据（state+getter）的响应式结构，使用该方法产出的是两个响应式对象

下面是对数据和方法进行解构的案例：

总结：

Pinia用来做什么：状态管理工具是Vuex的替代品

Pinia中不需要使用mutation了，使用action既支持同步也支持异步

Pinia实现getter：使用computed进行模拟就可以

Pinia产生的Store如何解构赋值数据保持响应式：使用storeToRefs