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

猜你喜欢

转载自blog.csdn.net/Fiona_lms/article/details/80081174