一，pinia
是vue专属的状态管理库，vuex的代替品
image.png
跟之前的vuex相比
1.提供更见简单的API
2.提供符合组合式风格的API
3.去掉了modules的概念，每一个store都是一个独立模块
4.配合typescript更加友好
手动添加pinia到vue项目
npm create vite@least 项目名称 -- -- template vue-ts
image.png
二, getters
getters是计算属性,直接使用computed函数,组件中使用需要把getters return出去
image.png
三，action异步实现
const getList = async()=>{
const res = await axios.request<接口类型数据>({})
}
四,storeToRefs工具
只支持数据
使用storeToRefs函数可以辅助保持数据(state+getter)的响应式解构
image.png
image.png
