欢迎光临散文网 会员登陆 & 注册

vuex对登录操作的验证和实现

2021-08-09 11:45 作者:忘魂儿  | 我要投稿

首先我们要知道vuex存储在内存

localstorage(本地存储)则以文件的方式存储在本地,永久保存

sessionstorage( 会话存储 ) ,临时保存

localStorage和sessionStorage只能存储字符串类型

对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理

那么,由于它是内存,每次浏览器一旦进行了刷新,就会清除数据,即vuex里面的数据就会清空,此时页面数据源为空,自然也就不能正常展示了,所以我们可以在给vuex提供数据的同时,也把这些数据保存到本地或者会话存储,然后通过本地或会话存贮的数据再提交给vuex,这样就形成了闭环,用户刷新数据也都会在,页面正常显示

这里我们采用本地存储进行演示

个人经老师建议封装到类中

这里注意导出的一定得是这个类的实例!

有了这些后,接下来我们要做的就是单独把登录当作一个模块,也就是说,我要单独为login创建store,并开启命名空间,合并到跟store中

login模块

根模块

最后处理用户登录的数据操作

至于使用嘛就傻瓜式操作了,交给用户就行


vuex对登录操作的验证和实现的评论 (共 条)

分享到微博请遵守国家法律