Pinia一.什么是PiniaPinia是Vue的专属的最新状态管理库是Vuex状态管理工具的替代品1.提供更加简单的API去掉了mutation2.提供符合组合式风格的API和vue3新语法统一3.去掉了modules的概念每一个store都是一个独立的模块4.搭配TS一起使用提供可靠的类型推断感觉就是pinia store里定义了属性和方法 可以被组件引入来使用添加pinia到vue项目1.安装npm install pinia2.应用二.counter基础使用使用Pinia实现计数器案例pinia的基本用法如下1.先在stores文件夹下定义一个…2.然后就可以在组件中使用了但一般用高级用法用一个函数来定义一个store三.getters和异步action1.gettersgetter是用computed来模拟实现的 方法如下2.异步actionatcion中实现异步和组件中定义数据和方法的风格完全一致四.storeToRefs函数作用辅助保持数据的响应式解构组件里用store的属性对象都要xxxx.count等等那解构一下可不可以直接用count呢 直接解构不行 会响应式丢失但用storeToRefs包裹就可以了原理是什么呢不用storeToRefs打印用了打印可以看到用了storeToRefs打印出来的是ref对象 具备响应式 而没用的打印的是0 无响应式注意点storeToRefs只是数据的响应式处理要用到但方法的响应式直接解构赋值就行五.总结