Vuex是什么？以及 和本地存储localstorage的区别
先来说一下Vuex是什么?
官方给出的解释:
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。
通俗易懂的解释：
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。核心就是 store（仓库），仓库是用来干什么的？你就当它用来储存东西的。可供组件与组件之间共享的数据，不用来回繁琐的进行页面传值了，你也可以理解为升级版的全局变量，没有全局变量页面传值需要A->B,B->A来回传很麻烦，特别是页面层级比较深的时候，但是用全局变量就很方便，直接读取就可以了
接下来说一下和本地存储localstorage的区别
本地存储有两种；
1.sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
2.localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用，除非程序删除，或者手动在浏览器缓存里面删除，怎么删除缓存看这里 。https://blog.csdn.net/m0_46156566/article/details/108519629
区别：vuex存储在内存，vuex会随着页面的重启刷新一起重置状态，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON.stringify(obj)将其转成字符串，取出来时使用 JSON.parse(str)重新转成对象，而vuex可以存储复杂数据类型。
如果不是大型项目不建议引入vuex,小型项目用页面传值和本地存储也还是挺方便的，希望可以帮到大家！
Vuex是什么？以及 和本地存储localstorage的区别相关推荐
- HTML5本地存储localStorage，sessionStorage
HTML5新特性,用于本地存储, localStorage:不删除会一直存在斯基 sessionStorage:浏览器关掉,就跪了 /*** H5:数据存储方式,可以携带用户信息id* * 注意:* ...
- Cocos本地存储LocalStorage
HTML5 LocalStorage 本地存储 //存档var stopResumeMenu4 = cc.MenuItemFont.create("存档", this.onSave ...
- HTML5本地存储localstorage
localStorage的用途 localStorage基本上就是三个特点: 数据永久被保存在本地,即使浏览器被关闭,数据也不会消失 存储空间大,一般为5~10M 存储的内容不会和服务器发生任何交互( ...
- HTML5本地存储 localStorage
HTML5的本地存储是大势所趋,如果仅存储在内存中,则是sessionStorage,他们的语法都是一样,仅仅是一个存储在本地文件系统中,另一个存储在内存中(随着浏览器的关闭而消失),其语句如下: l ...
- 本地存储localStorage
我们可以通过全局属性localStorage访问本地存储功能,该属性返回一个Storage对象,Storage对象用来保存键/值形式的字符串对象 Storage对象有如下属性和方法: Storage对 ...
- 本地存储localStorage用法详解
一.什么是localStorage? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cook ...
- HTML5 学习笔记（三）——本地存储(LocalStorage、SessionStorage、Web SQL Database)
一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会 ...
- HTML5之本地存储localstorage
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似HTML4的cookie,但可实现功能要比cookie强大的多,cookie大小被限制在4KB,Web Sto ...
- 移动端浏览器隐私模式/无痕模式使用本地存储localStorage/sessionStorage的问题
2019独角兽企业重金招聘Python工程师标准>>> 开发H5 webapp时经常需要使用本地存储,如localStorage和sessionStorage存储一些数据,相比最多能 ...
最新文章
- Google图嵌入工业界最新大招，高效解决训练大规模深度图卷积神经网络问题
- 整数数组的定义，然后输入一个整数X,假定X不在这个数组，返回小于X位置的最大数目i而超过X位置的最小数目j...
- File转化为MultipartFile
- QML Camera 摄像头拍照(带滑动条设置焦距)
- SDUT1281Cup
- POJ - 3784 Running Median(动态维护中位数)
- Vue 3源码剖析，看这篇就够了
- 迎接.NET 6，《dotnet+Linux中文手册》完整PDF开放下载！
- mysql数据库as表恢复_【翻译】如何从ibdata和.frm文件恢复MySQL表数据
- 深度强化学习中实验环境-开源平台框架汇总
- c++ 类与默认函数、包括构造函数和析构函数的特点
- java网站渗透测试_如何进行Web渗透测试
- 中标麒麟运行java_中标麒麟系统上安装java、eclipse指南
- 前端Vue+后端Django实现微信登录
- 开源Golang rtmp服务lalserver支持多种鉴权防盗链方式
- matlab正弦余弦与圆的关系
- 为什么要选择双线虚拟主机？
- 【ARM-Linux开发】【DSP开发】AM5728介绍
- 永辉私域流量模式案例：如何利用商域流量打造好企业自己的私域流量池？
- 设计公司该怎样开展业务？