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

Vue2面试题:说一下对vuex的理解?

    五种状态:

        state: 存储公共数据   this.$store.state

        mutations:同步操作,改变store的数据  this.$store.commit()

        actions: 异步操作,让mutations中的方法能在异步操作中起作用   this.$store.dispatch()

        getters: 计算属性   this.$store.getters

        modules: 子模块 

    使用场景:

        用户信息、菜单信息、购物车信息

    解决vuex页面刷新数据丢失问题的方式:

        办法一:将vuex中的数据直接保存到浏览器缓存中(sessionStorage、localStorage、cookie)   

        办法二:在页面刷新的时候再次请求远程数据,使之动态更新vuex数据   

        办法三:在某一组件向后台请求远程数据保存在vuex,并且在页面刷新前将vuex的数据保存至sessionStorage。在另一组件优先使用vuex内的数据,只有刷新后还没取到后台数据,才会从sessionStorage里取。

            优点:每次刷新页面更新sessionStorage,确保数据的安全性。刷新后还没取到后台数据就从sessionStorage中取,防止网络延迟、数据量大时vuex数据丢失问题。

http://www.lryc.cn/news/272557.html

相关文章:

  • elasticsearch系列五:集群的备份与恢复
  • 【Elasticsearch源码】 分片恢复分析
  • elasticsearch如何操作索引库里面的文档
  • opencv期末练习题(2)附带解析
  • 【Mybatis】深入学习MyBatis:高级特性与Spring整合
  • C语言与人生函数的对比,使用,参数详解
  • 机器人动力学一些笔记
  • Plantuml之甘特图语法介绍(二十八)
  • Docker support for NVIDIA GPU Accelerated Computing on WSL 2
  • SQL窗口函数大小详解
  • C#上位机与欧姆龙PLC的通信06---- HostLink协议(FINS版)
  • 认识SpringBoot项目中的Starter
  • ChatGPT 4.0真的值得花钱买入吗?
  • vue3对比vue2是怎样的
  • openGauss学习笔记-184 openGauss 数据库运维-升级-升级验证
  • [Verilog语言入门教程] Verilog 减法器 (半减器, 全减器, 加减共用)
  • 预编译仓库中的 Helm Chart
  • Python requests get和post方法发送HTTP请求
  • 在Cadence中单独添加或删除器件与修改网络的方法
  • 轻松调整视频时长,创意与技术的新篇章
  • 树与二叉树笔记整理
  • 如何自动生成 API 接口文档 - 一份详细指南
  • 【CF比赛记录】—— Good Bye 2023(A、B、C)
  • MySQL:索引
  • CUMT--Java复习--核心类
  • Redis:原理速成+项目实战——Redis实战4(解决Redis缓存穿透、雪崩、击穿)
  • 后端开发——jdbc的学习(一)
  • 阿里云免费SSL证书时长只有3个月,应对方法来了
  • Flutter 中使用 ICON
  • 百度编辑器常用设置