当前位置:首页>开发>正文

vuex中的数据在页面刷新以后消失怎么办 vuex和localstorage存储数据有什么区别

2024-01-02 13:42:45 互联网 未知 开发

 vuex中的数据在页面刷新以后消失怎么办 vuex和localstorage存储数据有什么区别

vuex中的数据在页面刷新以后消失怎么办

你好,
在mutation的state的自定义set change方法的时候 根据使用场景的不同
储存到Session Storage和Local Storage或者其他本地储存中
把对应state的初始化改成从本地储存中获取
另外本地储存 如果是存储JSON字符串 一定要做好相应的容错处理

vuex和localstorage存储数据有什么区别

uex是状态管理用的,就是组件数据共享的那种,一个组件的数据变化会映射到使用这个数据的其他组件。再说localstorage,那个是H5提供的一个更简单的数据存储的方式,之前是用cookie存放,但是cookie存放的数据量太小,而且接口麻烦。localstorage的数据可以有5M的限制,相当大了已经,而且api相当简单好记,方便使用,在以后相信会成为主流的。

vue.js 异步加载中data数据得到了更新,但页面数据没有更新

一般不像楼上这样写代码的。
ajax请求应该放到vue实例中去。
而你是把vue实例放到ajax的回调中,当你点击 下一页 的时候,再调用一次find函数吗?
当你在同一个元素中创建多个vue实例时,只有第一个能生效。(实测)

所以,楼主还是乖乖地把ajax请求放到vue实例中去吧。

最新文章