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