vue主動刷新頁面及列表數(shù)據(jù)刪除后的刷新實(shí)例？通常，當(dāng)?shù)卿洺晒r，需要將用戶信息和菜單信息作為全局共享數(shù)據(jù)放在vuex中。但是當(dāng)刷新頁面時，vuex中的數(shù)據(jù)將被重新初始化，從而導(dǎo)致數(shù)據(jù)丟失。由于vue

vue主動刷新頁面及列表數(shù)據(jù)刪除后的刷新實(shí)例？

通常，當(dāng)?shù)卿洺晒r，需要將用戶信息和菜單信息作為全局共享數(shù)據(jù)放在vuex中。但是當(dāng)刷新頁面時，vuex中的數(shù)據(jù)將被重新初始化，從而導(dǎo)致數(shù)據(jù)丟失。由于vuex中的數(shù)據(jù)存儲在運(yùn)行內(nèi)存中，因此刷新頁面時，頁面將重新加載Vue實(shí)例，并重新分配vuex中的數(shù)據(jù)方法1：將vuex中的數(shù)據(jù)直接保存到瀏覽器緩存（會話存儲、本地存儲、cookie）方法2：刷新頁面時再次請求遠(yuǎn)程數(shù)據(jù)，動態(tài)更新vuex數(shù)據(jù)方法3：在父頁后臺請求遠(yuǎn)程數(shù)據(jù)，在加載頁面時刷新頁面前（如果數(shù)據(jù)請求過多），將vuex中的數(shù)據(jù)保存到會話存儲中，您無法獲取返回的數(shù)據(jù)）

目前在用VUE做一個網(wǎng)頁，上面有個實(shí)時數(shù)據(jù)變化展示，如何才能做到不頁面刷新使頁面數(shù)據(jù)變化？

您首先想到的是Ajax

雖然您沒有使用Vue，但文檔中一定有類似的工具

vuex與window對象非常相似，因?yàn)樗莝pa，所以vuex可以進(jìn)行狀態(tài)管理。但是，刷新頁面時，vuex將重置為其初始值。換句話說，如果您使用Vue執(zhí)行多個頁面，則不會保存您的狀態(tài)。本地存儲是H5本地存儲的一種方式。本地存儲器保存的數(shù)據(jù)總是永久保存的，也就是說，只要本地存儲器保存了信息，數(shù)據(jù)就總是存儲在用戶的客戶端。即使用戶關(guān)閉當(dāng)前web瀏覽器并重新啟動，也允許數(shù)據(jù)存在。直到用戶或程序明確地進(jìn)行刪除，數(shù)據(jù)的生命周期才會結(jié)束。所以你應(yīng)該了解他們各自的情況。

vuex存儲信息，刷新頁面后數(shù)據(jù)沒了，有什么辦法可以保留數(shù)據(jù)么？

在訂購時，我們提交訂單以確認(rèn)，但退回并重新訂購。此時，我們返回時無法刷新，所以最好在同一頁上訂購并確認(rèn)訂單。如果使用Mui的單頁，可能會有太多的頁面無法操作。加上界面，內(nèi)容太多了。我們可以考慮使用iframe框架。第二個頁面是通過iframe引入的，但是請注意它們可能是一個頁面。當(dāng)您進(jìn)入第二個頁面，即iframe framework頁面時，返回可能是整個返回，但是order頁面將被忽略，因?yàn)槟鷮⑺鼈円暈橐粋€整體。知識點(diǎn)：窗口.self對當(dāng)前窗口本身的引用。相當(dāng)于窗口.top. 返回頂層窗口，即瀏覽器窗口窗口.父級返回父窗口。在框架頁面中，父窗口通常是頂級窗口，但如果框架中有框架，則父窗口和頂級窗口不一定相同。在iframe引用的特定頁面中，寫下：window.parent.closeiframe文件（）在包含框架的主頁面上編寫函數(shù)closeiframe（）{//隱藏框架$（“iframe”）。Hide（）}返回頁面時返回父窗口。