在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 瀏覽器的F5刷新與vue路由刷新的區(qū)別？

瀏覽器的F5刷新與vue路由刷新的區(qū)別？

背景：
vue項目里 在vueX里面存了一個通過接口獲取的對象

在進入到頁面A之后，console.log(vueX對象) 這個時候是正?？梢暂敵龅?/p>

但是摁了F5 或者 采用瀏覽器的刷新頁面之后，console輸出的就是空

但是如果用路由刷新的方法 console是可以輸出的

輸出的方法 寫在了created鉤子函數(shù)里

請問 這兩種刷新有什么區(qū)別 另外 如果想要監(jiān)聽vuex怎么樣監(jiān)聽最好

回答
編輯回答
舊顏

F5刷新之后vuex 的state存儲的數(shù)據(jù)會初始化, 你如果想保存, 可以監(jiān)聽window的reload事件, 把state的數(shù)據(jù)拷貝一份到sessionstroage里面 我沒試過,這只是我的思路. 不對不要見怪

2017年7月3日 06:38
編輯回答
萢萢糖

F5刷新相當重新請求頁面

路由器刷新, 重新創(chuàng)建路由頁面

路由提供的鉤子進行監(jiān)聽

2018年5月18日 07:09
編輯回答
乞許

題主首先要明白為什么要使用vue和vue-router構(gòu)建單頁面應用。
其次要明白單頁面應用和傳統(tǒng)頁面的區(qū)別。

所以單頁面路由跳轉(zhuǎn)是 無刷新 跳轉(zhuǎn)，表面看起來就像是一個app應用，表現(xiàn)效果就像你寫的 tab 選項卡，所有的數(shù)據(jù)都還存在 內(nèi)存里，頁面是無重載的。

F5刷新做了什么事呢，重新載入頁面，銷毀之前所有的數(shù)據(jù)，某些數(shù)據(jù)你寫在某些組建的 聲明周期里，你帶著url按F5刷新，那些加載數(shù)據(jù)的 組件可能根本沒有加載，生命周期沒有運行，哪里來的數(shù)據(jù)呢

2018年4月27日 23:34