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

问题描述:

  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;

}

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