使用vite脚手架配置项中添加pinia安装
npm指令：npm install pinia
一.在main.js中引入
如图
二.创建store
store就是数据仓库的意思，可以理解为公共组件，这里通过pinia提供的defineStore()创建一个store，在src目录下新建store文件夹，命名语义化即可
如图
defineStore函数接收两个参数，name：一个字符串，该store的唯一id，options：一个对象，store的配置项，比如配置store内的数据，修改数据方法等
在其他页面的引入使用
引入声明
返回的是代理对象
使用多个store的值可通过解构的方法
三.修改store的值
首先不能通过在引入页面直接修改store的值，因为store的数据不是响应式的，如果要变成响应式，需要导入storeToRefs方法
使用该方法包裹store即可修改页面的值
如果需要重置数据，可以使用官网给出的$reset方法
使用$reset
批量修改多个state数据时，可以使用$patch方法
使用$patch
也可以直接替换整个对象，应用场景较少，使用$state，countStore.$state={ count:2,val:'李四’ }
四.计算属性
如果想要使用vue中的计算属性，直接调用computed函数计算属性即可
五.action
同样也可以在store中定义方法直接修改state或者写入异步数据库请求，保存token等
