当前位置: 首页 > 网络应用技术

Pinia的使用和数据耐用性

时间:2023-03-06 18:30:26 网络应用技术

  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