Vue單頁(yè)面應(yīng)用保證F5強(qiáng)刷不清空數(shù)據(jù)的解決方案
更新時(shí)間：2018年01月31日 09:43:29 作者：黎明の破曉
最近小編遇到這樣的問(wèn)題當(dāng)vue單頁(yè)面按F5強(qiáng)刷，數(shù)據(jù)就恢復(fù)初始了，這怎么辦呢？下面小編給大家?guī)?lái)了Vue單頁(yè)面應(yīng)用保證F5強(qiáng)刷不清空數(shù)據(jù)的解決方案，感興趣的朋友一起看看吧
問(wèn)題描述：
Vue單頁(yè)面用按F5強(qiáng)刷，數(shù)據(jù)就恢復(fù)初始了，這怎么破？
解決方案：
store.subscribe((mutation, state) => {
sessionStorage.setItem('mobileState', JSON.stringify(state));
})
if (sessionStorage.getItem('mobileState')) {
state = JSON.parse(sessionStorage.getItem('mobileState'));
} else {
state = stateOrg;
}
ps:下面看下Vue父組件接收不到子組件$emit事件的原因分析
通常有兩種情況：
1.事件名稱不全是小寫。事件名稱要求全小寫。
2.不是父子關(guān)系。這里的父子關(guān)系是嚴(yán)格的父子關(guān)系，祖孫關(guān)系也不行。只能一層一層觸發(fā)，這在寫樹(shù)形組件時(shí)，很容易掉坑里。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue中的axios和proxy代理的相關(guān)知識(shí)，文中的示例代碼講解詳細(xì)，具有一定的借鑒價(jià)值，需要的可以參考一下2023-03-03
Vue3 使用Vuex和router的注意事項(xiàng)及操作方法
在vue2中 使用的?this.$route?和?this.$router?this.$store的使用在vue3中完全適用，這篇文章主要介紹了Vue3 使用Vuex和router的注意事項(xiàng)及操作方法,需要的朋友可以參考下2022-12-12
vue2.0實(shí)現(xiàn)列表數(shù)據(jù)增加和刪除
這篇文章主要為大家詳細(xì)介紹了vue2.0實(shí)現(xiàn)列表數(shù)據(jù)增加和刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
vue項(xiàng)目打包開(kāi)啟gzip壓縮具體使用方法
這篇文章主要為大家介紹了vue項(xiàng)目打包開(kāi)啟gzip壓縮具體使用方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
kiss-vuex 是一個(gè)非常簡(jiǎn)單的語(yǔ)法糖類庫(kù)，這篇文章主要介紹了傻瓜式vuex語(yǔ)法糖kiss-vuex整理，非常具有實(shí)用價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
vue項(xiàng)目中引入noVNC遠(yuǎn)程桌面的方法
下面小編就為大家分享一篇vue項(xiàng)目中引入noVNC遠(yuǎn)程桌面的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03
vue二級(jí)菜單導(dǎo)航點(diǎn)擊選中事件的方法
今天小編就為大家分享一篇vue二級(jí)菜單導(dǎo)航點(diǎn)擊選中事件的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
這篇文章主要介紹了React中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實(shí)現(xiàn)父組件向子組件通信，文章通過(guò)圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-10-10
vue或css動(dòng)畫實(shí)現(xiàn)列表向上無(wú)縫滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了vue或css動(dòng)畫實(shí)現(xiàn)列表向上無(wú)縫滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家介紹了Vue3必學(xué)技巧-自定義Hooks-讓寫Vue3更暢快示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07