目前在用VUE做一個網(wǎng)頁，上面有個實時數(shù)據(jù)變化展示，如何才能做到不頁面刷新使頁面數(shù)據(jù)變化？當(dāng)您這樣描述它時，您首先想到的是AJAX]雖然您沒有使用Vue，但文檔中一定有類似的工具虛擬用戶.js（是一個

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

當(dāng)您這樣描述它時，您首先想到的是AJAX

]雖然您沒有使用Vue，但文檔中一定有類似的工具虛擬用戶.js（是一個用于構(gòu)建用戶界面的漸進式框架。與其他重量級框架不同，Vue采用了自底向上的增量開發(fā)設(shè)計。Vue的核心庫只關(guān)注視圖層，它是一個數(shù)據(jù)驅(qū)動的前端框架。在開發(fā)Vue的頁面時，有時會遇到刷新當(dāng)前頁面的功能，但是Vue框架的路由器不支持刷新當(dāng)前頁面的功能，只支持在路由路徑發(fā)生變化時刷新頁面。基于這個原理，為了刷新頁面，可以先跳轉(zhuǎn)到一個空頁面，然后立即跳回，從而實現(xiàn)這個功能。

vue如何刷新當(dāng)前頁面？

1. 問題描述

2。Apache服務(wù)器配置

3。Nginx服務(wù)器配置

一般情況下，當(dāng)?shù)卿洺晒?，需要將用戶信息和菜單信息作為全局共享?shù)據(jù)放在vuex中。但是當(dāng)刷新頁面時，vuex中的數(shù)據(jù)將被重新初始化，從而導(dǎo)致數(shù)據(jù)丟失。由于vuex中的數(shù)據(jù)存儲在運行內(nèi)存中，因此刷新頁面時，頁面將重新加載Vue實例，并重新分配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ù)保存到會話存儲中當(dāng)加載頁時，將無法獲取返回的數(shù)據(jù)

Vue（angular，react）這些框架將負(fù)責(zé)數(shù)據(jù)和視圖的綁定。當(dāng)數(shù)據(jù)更改時，視圖將自動更新。當(dāng)視圖中發(fā)生事件時，數(shù)據(jù)也會被更新，非常方便。像layui（bootstrap，extjs）這樣的庫并不像框架，而是組件庫。它們提供了一些組件（如表和樹）。它們只提供外觀和行為，而不與數(shù)據(jù)綁定。當(dāng)數(shù)據(jù)更改時，您負(fù)責(zé)刷新；當(dāng)視圖更改時，您自己獲取數(shù)據(jù)。Vue的接口庫element UI和lay UI是組件庫。區(qū)別在于數(shù)據(jù)和視圖是否關(guān)聯(lián)。實際上，layui更傾向于與后端開發(fā)人員一起使用。它對服務(wù)器端頁面有很好的效果，可以作為后臺框架來滿足服務(wù)器端程序員的需求。

Layui是后端開發(fā)人員的最佳UI框架?；贒OM驅(qū)動，實現(xiàn)前端交互比較麻煩。頁面的添加、刪除、修改和查詢都需要查詢DOM元素。所以在不需要交互的時候使用layui是很好的。Bootstrap在前端響應(yīng)方面做得很好，PC和移動終端都表現(xiàn)良好。如果它與官方網(wǎng)站類似，需要同時滿足PC和移動終端的效果，那么BS的表現(xiàn)就非常好。但如果是一個可以互動的網(wǎng)站，比如商場，Vue顯然更好，前端和后端分開。