vuex中的数据在页面刷新后数据消失

用sessionstorage 或者 localstorage 存储数据

存储: sessionStorage.setItem( '名', JSON.stringify(值) )
使用: sessionStorage.getItem('名') ---得到的值为字符串类型,用JSON.parse()去引号;

sessionStorage和localStorage的区别:

html5的本地存储是存储在客户端中,本地存储包括sessionStorage和localStorage。

区别一:生命周期

sessionStorage仅在当前会话下生效,当你关闭页面或浏览器后你存储的sessionStorage数据会被清除。

localStorage生命周期是永久,储存的信息是永远不会消失的,除非你自己主动清除localStorage信息。

区别二:各自的使用方法

sessionStorage使用方法

1、第一个参数是保存的变量名,第二个是变量的值

sessionStorage.setItem('sname', 'session');

2、获取sessionStorage的数据

sessionStorage.getItem('sname');

3、删除某个sessionStorage的数据

sessionStorage.removeItem('sname');

4、清除所有保存的sessionStorage数据

sessionStorage.clear();

localStorage使用方法

1、第一个参数是保存的变量名,第二个是变量的值

localStorage.setItem('lname', 'local');

2、获取localStorage的数据

localStorage.getItem('lname');

3、删除某个localStorage的数据

localStorage.removeItem('lname');

4、清除所有保存的localStorage数据

localStorage.clear();

说了两个它们的区别,那你应该在想它们有没有共同点,共同点也是有的,共同点是它们的数据存储大小一般都在5mb。

posted @ 2022-04-14 10:18  翘中之楚  阅读(301)  评论(0编辑  收藏  举报