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。