vue新版 状态管理工具 Pinia
官网
Pinia优点
- Vue2/3 版本都支持
- 放弃了Mutation同步操作，只有state、getters、actions3个，简化步骤
- 不需要嵌套模块，符合Vue3的Composition api
- 完整的TypeScript支持
- 更加简单和使用方便
安装使用
- 第一步
- 第二步
在main.ts文件中配置，并挂载App实例上
- 第三部 创建store/index.ts文件目录
- 第四步 在vue页面上使用
pinia修改状态4中方式
vue文件引入store对象，直接改动；方便快捷
store.index = 123使用store.$patch方法修改，参数提供2种：
- 对象方式： 适用多个属性改动，但是不能写业代码
- 函数方式: 使用与有单独该文件的业务逻辑单面
- 使用pinia actions 封装修改操作的函数和业务代码，多个页面使用
getters 读取数据
- 功能非常类型 计算属性，具有缓存特性；
- getters定义函数数，可以传入参数state或者直接访问this, ts模式下函数要指定返回string类型
多stroe仓库是，可以互相调用对方属性和方法
- 可以把pinia stroe的状态，当成是一个封装函数 并且导出的响应式对象的一个js文件；
- 导入
const user from '/pinia/stroe/user.ts'用户模块的pinia - 然后直接使用
user().getUserInfo()或者user().name