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

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

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

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

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

1. 問題描述

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

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

一般情況下，當(dāng)?shù)卿洺晒螅枰獙⒂脩粜畔⒑筒藛涡畔⒆鳛槿止蚕頂?shù)據(jù)放在vuex中。但是當(dāng)刷新頁面時(shí)，vuex中的數(shù)據(jù)將被重新初始化，從而導(dǎo)致數(shù)據(jù)丟失。由于vuex中的數(shù)據(jù)存儲(chǔ)在運(yùn)行內(nèi)存中，因此刷新頁面時(shí)，頁面將重新加載Vue實(shí)例，并重新分配vuex中的數(shù)據(jù)方法1：將vuex中的數(shù)據(jù)直接保存到瀏覽器緩存（會(huì)話存儲(chǔ)、本地存儲(chǔ)、cookie）方法2：刷新頁面時(shí)再次請(qǐng)求遠(yuǎn)程數(shù)據(jù)，這樣就可以動(dòng)態(tài)更新vuex數(shù)據(jù)方法3：在父頁后臺(tái)請(qǐng)求遠(yuǎn)程數(shù)據(jù)，并在刷新頁之前（如果數(shù)據(jù)請(qǐng)求過多）將vuex中的數(shù)據(jù)保存到會(huì)話存儲(chǔ)中當(dāng)加載頁時(shí)，將無法獲取返回的數(shù)據(jù)

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

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