vue中保存登陆状态
发布时间：2024-05-19 13:01
-
路由传递
login=>index
1.login: this.$router.push({ path: \'/index\', query: { orderId: 123 } })
2.index:在mounted函数中 this.$route.query.orderId
不隐私 安全性极低
Session储存
- 存值sessionStorage.setItem(\"userName你随便定义的\",存入的值)
- 取值sessionStorage.getItem(\"userName你随便定义的\")
Vue store 储存
1.先下载安装vuex 使用命令：npm install vuex –save
2.npm run dev启动项目
3.在项目的src下新建一个store目录，并且在该目录下新建index.js，在index.js中写一下示例内容
![\"vue中保存登陆状态_第1张图片\"](\"https://img.it610.com/image/info8/5b8b9810f96745fea349a6df465bfd21.jpg\")
username这种只是我自己定义的参数值另外getters,mutations里的方法名都可更改，，复杂的action，module啥的先不管
取值this.$store.getters.getuser
改值this.$store.commit(\'myuser\',this.uname)
4.在src下的main.js下引入store
![\"vue中保存登陆状态_第2张图片\"](\"https://img.it610.com/image/info8/b66ffbacc3ba4364a0096ec95847b9c6.jpg\")
5.到此可存储改变，但是若刷新该值还会变成初始化定义的值引入插件即可
![\"vue中保存登陆状态_第3张图片\"](\"https://img.it610.com/image/info8/969d2b10908840afadc651ff1d643798.jpg\")
也可以session和vuex结合起来使用