[one day one question] Vue单页面应用如何保证F5强刷不清空数据

时间:2021-10-27 04:01:38

问题描述:

  Vue单页面用按F5强刷,数据就恢复初始了,这怎么破?

解决方案

store.subscribe((mutation, state) => {
sessionStorage.setItem('mobileState', JSON.stringify(state));
})

if (sessionStorage.getItem('mobileState')) {
   state = JSON.parse(sessionStorage.getItem('mobileState'));
 } else {
   state = stateOrg;
 }

 
君生我未生,我生君已老 君恨我生迟,我恨君生早 
君生我未生,我生君已老 恨不生同时,日日与君好
我生君未生,君生我已老 我离君天涯,君隔我海角
我生君未生,君生我已老 化蝶去寻花,夜夜栖芳草