本内容由系统网小编为大家分享，Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

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

XTw.com.Cn系统网专业应用软件下载教程，免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息，解决一体化的办公方案。