![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
AvengerDrJ
I promise
展开
-
Vuex刷新数据保存问题,用户登录状态保持问题
1. Vuex 在页面刷新时的数据清除问题原因:js代码是运行在内存当中的,代码运行时的变量,函数,也都是保存在内存中的。刷新页面后,之前申请的所有内存会被释放,重新加载JavaScript代码,变量和函数将重新赋值和初始化。因此,刷新页面保留数据就必须使用外部存储——客户端 or 服务器解决方法:vuex中的变量是响应式的,而localStorage不是,当你改变vuex中的状态,组件会检测到改变,而 localStorage 就不会了,页面要重新刷新才可以看到改变,所以让vuex中的状态原创 2020-11-06 22:38:08 · 931 阅读 · 0 评论 -
vue路由实现原理总结
1.vue路由的两种模式hash模式:比如 'http://www.baidu.com/#/abc' hash 的值为 '#/abc' 它的特点在于:hash 虽然出现 URL 中,但不会被包含在 HTTP 请求中,因此改变 hash 不会重新加载页面但是会触发 onhashchange 事件,所以我们可以监听,然后渲染自己要渲染的组件,达到路由的效果history模式: 通过 HTML5 中新增的 pushState() replaceState() 方法应用于浏览器的历史记录,在已有原创 2020-11-05 19:54:14 · 1221 阅读 · 0 评论