vue学习笔记七:vue项目里如何使用localStorage结合Vuex来保存用户登录信息

一、安装并引入vuex

npm install vuex --save-dev

然后新建目录vuex,如下图:
项目结构

然后在main.js里面引入
引入

二、构建vuex核心仓库store.js
store.js

三、在项目里面使用
登录页面

其实在使用的过程中,我一开始是没有使用localStorage的,这样就导致了我的登录的状态,在网页一刷新的时候,就失效了,不能保留一段时间,后来查阅了网上的资料,发现可以将登录的状态和session结合,

store.js里面需要修改如下图
store.js

main.js里面需要修改如下图
main

over

  • 9
    点赞
  • 66
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值