首页 > 其他分享 >window对象和vuex

window对象和vuex

时间:2023-10-17 10:16:03浏览次数:29  
标签:对象 vuex 保存 window 组件 数据

保存在window对象中可以作为全局组件通信的媒介,不过这种方式不具备响应性能力,所以数据更时无法直接通知订阅数据的组件更新。

使用vuex .保存数据与window保存的原理一样,都是借助了全局对象进行数据互通, 不同的是vuex通过订阅发布机制可以将vue数据的更新通知到所有订阅状态的组件身上,实现数据变更时各个组件状态同步,不过前两者单独使用的时具备另一个相同的严重问题, 就是保存的数据再刷新网页后会直接消失,因为数据都是在运行内存中保存的。

localstorage是本地持久化缓存,好处就是可以解决前两个对象无法持久保存状态的问题, 缺点与window对象一致不具备响应性,在保存数据的体积上有5Mb左右的空间限制, 在保存的数据类型上建议对象数据转换成字符串保存。

localstorage通常配合vuex或pinia的plugin系统实现共享并持久化状态到本地;sessionstorage 对象是会话级缓存,随着窗口打开创建,在浏览器的窗口关闭时即销毁,窗口刷新时可以随时读取当前会话对象的内容,其他特性表现与localstorage大体一致,通常在会话级别数据缓存场景使用。

 

原文:https://zhuanlan.zhihu.com/p/555150523

标签:对象,vuex,保存,window,组件,数据
From: https://www.cnblogs.com/xjy20170907/p/17769039.html

相关文章

  • Windows Server 2016 Standard RemoteApp应用发布配置举例
    RemoteApp应用发布介绍RemoteApp是微软在WindowsServer2008之后,在其系统中集成的一项服务功能,用户可以通过远程桌面访问远端服务器的桌面与程序,客户端本机在无须安装操作系统与应用程序的情况下也能正常使用远端服务器发布的各种桌面与应用。而在Windows2016中RemoteApp已......
  • windows 11不能锁屏了, Win + L无反应
    windows10、windows11不能锁屏了,Win+L无反应您好,了解到您在使用时遇到问题。请您尝试分别按Win键和L键,查看是否有效。然后,请您打开开始,点击用户头像,查看有无锁定的选项。如果有,请尝试点击后能否锁屏。另外,请您尝试以下方法,查看能否解决问题。由于以下方法需要更改注......
  • Vue性能优化--在Vue中,千万别用属性数组作为循环的对象
    在Vue中,千万别用属性数组作为循环的对象methods:{test(){...上面省略业务逻辑1万字 //16位像素数组letdcmbuffer=newUint16Array(dcmInfo._dictionary.dict["7FE00010"].Value[0]asArrayBuffer);this.currentImageInfo={......
  • 珍惜免费升级Win11机会!微软宣布放弃Windows 10时间:还有2年
    对于微软来说,不升级Windows11的用户,就是最大的阻碍,如果你还坚守Windows10,那么不好意思了。Windows10支持将于2025年10月14日结束,用户正好有两年时间升级硬件并安装Windows11。整整两年后(距今730天),微软将发布Windows10家庭版和专业版的最后一次安全更新。这意味着Windows......
  • windows根据条件判断,重启网卡
    @echooffTITLE网络检测time/T>ping.txtpingwww.baidu.com-n1>>ping.txtfindstr/n"主机"ping.txtif%errorlevel%==0(rem网卡重启netshinterfacesetinterface"以太网"disablednetshinterfacesetinterface"以太网"en......
  • windows C++ 环境配置完整记录
    今日尝试在windows上配置C++编程环境,比Linux麻烦一些,但是搞清楚了也不复杂。大体上参考了vscode的官方教程,这里记录一下所有需要做的事情。基础流程安装vscode以及C/C++插件InstallingtheMinGW-w64toolchain主要利用了MSYS2,是一个在Windows平台上模拟Linux运......
  • 实验1 类和对象_基础编程
    实验任务11.代码:1#include<iostream>2#include<string>3#include<vector>4#include<array>567//函数模板8//对满足特定条件的序列类型T对象,使用范围for输出9template<typenameT>10voidoutput1(constT&obj){11for(autoi:obj)......
  • 使用NSSM将server注册为windows系统服务说明
    1、如果server目录下有regServerService.bat批处理脚本,直接点击运行就自动注册为系统服务了,完成后在系统服务启动wgcloud-server-release,如果正在窗口模式运行server,那先关闭运行窗口如果没有这个批处理脚本,则继续往下看2、下载nssm-2.24-101-g897c7ad.zip,若已下载过,请忽略3、解压n......
  • 使用NSSM将server注册为windows系统服务说明
    1、如果server目录下有regServerService.bat批处理脚本,直接点击运行就自动注册为系统服务了,完成后在系统服务启动wgcloud-server-release,如果正在窗口模式运行server,那先关闭运行窗口如果没有这个批处理脚本,则继续往下看2、下载nssm-2.24-101-g897c7ad.zip,若已下载过,请忽略3、解压n......
  • 使用NSSM将server注册为windows系统服务说明
    1、如果server目录下有regServerService.bat批处理脚本,直接点击运行就自动注册为系统服务了,完成后在系统服务启动wgcloud-server-release,如果正在窗口模式运行server,那先关闭运行窗口如果没有这个批处理脚本,则继续往下看2、下载nssm-2.24-101-g897c7ad.zip,若已下载过,请忽略3、解压n......