Pinia是Vue.js的轻量级国家管理库
官方网站:https://pinia.vuejs.s.org/
Pinia核心概念
目的:掌握Pinia的使用
(1)安装
(2)MAIN.JS的山
(3)新文件存储/counter.js
(4)在组件中使用
目的:掌握Pinia中动作的使用
PINIA中没有突变,只有动作,无论是同步还是异步代码,都可以在动作中完成。
(1)提供动作中的方法并修改数据
(2)在组件中使用
getters和vuex基本上在PINIA中是相同的,并且具有缓存功能
(1)在Getters中提供计算属性
(2)在组件中使用
目的:掌握使用StoreToreFS的使用
如果您直接从PINIA分解数据,则将失去响应类型。使用StoreToreFs可以确保解构数据也负责
在复杂的项目中,不可能将多个模块的数据定义为商店。一般来说
(1)新商店/user.js文件
(2)新商店/index.js
(3)在组件中使用
目标:通过插头快速实现持续存储。
插件文档:单击查看
安装
使用插件 - 在main.ts中注册
模块打开持久性
要求:我不希望所有数据很长时间。
摘要:与Vuex相比,Pinia对打字稿有更好的支持,友好的DevTools支持,Pinia只有1KB,简化了许多写作方法。
原始:https://juejin.cn/post/7101657189428756516