当前位置: 首页 > article >正文

VUEX使用总结

1、Store 使用

 

 

 文件内容大概就是这三个。通俗来讲actions负责向后端获取数据的,内部执行异步操作分发 Action,调用commit提交一个 mutation。

 mutations通过Action提交commit的数据进行提交荷载,使state有数据。

vuex的数据是共享的,Vuex 通过 Vue 的插件系统将 store 实例从根组件中“注入”到所有的子组件里。且子组件能通过 this.$store 访问到。

State | Vuex

Vue组件之Vuex_vuex组件-CSDN博客

工作中vuex使用模块module,vuex的数据获取就不一样了如图下的数据保存在getters文件中。

 

获取store数据方法还有mapState,mapGetters,mapActions,mapMutations。

总结:登入时可把用户基本信息保存在store里面,可当作缓存使用。

2、Router

Vue路由跳转页面刷新-CSDN博客


http://www.kler.cn/a/160371.html

相关文章:

  • Vue2+OpenLayers添加/删除点、点击事件功能实现(提供Gitee源码)
  • 【Rust自学】12.6. 使用TDD(测试驱动开发)开发库功能
  • 【Linux】深入理解文件系统(超详细)
  • OpenCV相机标定与3D重建(51)对 3x3 矩阵进行 RQ 分解(RQ Decomposition)函数RQDecomp3x3()的使用
  • C#格式化输出
  • ThreadLocal 的使用场景
  • spark log4j日志配置
  • Amazon CodeWhisperer 正式可用, 并面向个人开发者免费开放
  • redis应用-分布式锁
  • Java - InetAddress#isReachable 方法解析
  • EPICS modbus 模块数字量读写练习
  • 分类与群组:解析分类和聚类分析技术
  • Kubernetes入门笔记——(2)k8s设计文档
  • java之stringbuf
  • 【9】PyQt对话框
  • Ubuntu 20.04 安装 mysql8 LTS
  • 【AI-ChatGPT-Prompt】什么是Prompt
  • Redis生产实战-热key、大key解决方案、数据库与缓存最终一致性解决方案
  • Centos7如何安装MySQL
  • HBase-架构与设计
  • 面试冲刺 - 算法题 1
  • 大数据生态架构:探索未来科技的无限可能。
  • Word文件设置了只读模式,为什么还能编辑?
  • 开发重要网站
  • 同旺科技 USB TO RS-485 定制款适配器--- 拆解(四)
  • 要求CHATGPT高质量回答的艺术:提示工程技术的完整指南—第 4 章:控制温度和 Top-p 采样