页面结构如下:
7
371app.vue 根组件
|----login.vue
|----home.vue我在login.vue 做登录成功后的数据保存, 将数据保存到app.vue想作为全局的变量来使用, 然后跳转到home.vue, 但是, 当我在home.vue页面刷新时, home.vue 访问到的app.vue下的数据就为空了,
请问: 这个情况我需要怎么做, 或者vue中我们需要怎么保存全局变量
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
页面刷新之后 Vue 实例中的数据就没了，如果需要保存数据，需要使用 localStorage、sessionStorage 或者 cookie
我有一个项目是这样做的：
因为后端的session如果服务器不重启、时效没过的话会一直存在的、
前段路由的钩子函数触发、检测到vuex里面没有用户信息的话、
第一次访问的时候会去后端拿session、
后端session如果取不到、就去登陆页面、如果取得到、返回信息、存入vuex里面
你存的变量是零时变量，页面刷新就没了，可以保存在localStorage里面，保存在vuex中的state里面也是不可以的，也是零时变量，刷新就没了！
vuex和将数据保存在根组件是针对单页应用路由问题，及组件间数据传递问题的，你界面刷新所有组件都是重新构建的，哪里来的数据？刷新界面如果需要保存数据可以通过各楼提到的localStorage,sessionStorage或则cookie
localStorage是常用的存储数字的方法之一，方法名也比较讲道理。
引用一篇张鑫旭的文章可以看看
应该可以使用vue的props来在各个compnents数据之间交互，当然也可以使用webStorage来实现
我的项目之前就是存在localStorage里面的，不过给你的建议是最好设置一个退出登录，然后清除localStorage，毕竟为了安全。