这是我参与新手入门的第1篇文章
先来说说vuex的用处:
它是一个程序里面的状态管理模式,它是集中式存储所有组件的状态的小仓库,并且保持我们存储的状态以一种可以预测的方式发生变化。
当页面进行切换的时候,保存在vuex里面的数据会一直处于最新状态。多个页面可以共享一个状态。在vuex里面还可以同步或者异步对数据进行操作更新,并且及时反馈到视图上。
来看看localStorage有什么用处:
localStorage 是 HTML5 规范中作为持久化保存客户端数据的方案,localStorage 可以用于数据缓存。
在同源的域名下,可以在浏览器窗口之间进行切换,数据共享。而且关闭浏览器再重新打开之后,存储的数据还依然在。
所以以前,我总是把用户的相关信息存储在这里。还有一些枚举的信息,如果这些信息没拿到或者版本已经更新,会再重新去请求接口,拿到数据后再做本地的更新。
因为很多时候,我们使用localStorage,就可以完成组件间的通信,我会把大部分的共享数据存储在这里。
但是如果我在本地的开发工具下,把这些数据做了修改,就会在本地给很对键值对重新赋值,后端保存数据之后,会是错误的键值对数据。很明显,数据的保密性成了一个很大的问题。
vuex数据总是用commit进行提交的Mutation,没有其他方式去修改数据,数据有比较可靠的保密性。
综上所述,我觉得,如果数据共享度高,安全性较高的时候,需要用vuex,如果是登录的状态,版本号相关的,可以存储在localStorage里面。