vue如何實(shí)現(xiàn)局部刷新 如何利用Vue實(shí)現(xiàn)頁面的局部刷新?
如何利用Vue實(shí)現(xiàn)頁面的局部刷新?在頁面中添加一個(gè)參數(shù),然后編寫一個(gè)監(jiān)視參數(shù)變化的watch方法,當(dāng)參數(shù)變化時(shí)調(diào)用方法實(shí)現(xiàn)目前在用VUE做一個(gè)網(wǎng)頁,上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁面刷新使頁
如何利用Vue實(shí)現(xiàn)頁面的局部刷新?
在頁面中添加一個(gè)參數(shù),然后編寫一個(gè)監(jiān)視參數(shù)變化的watch方法,當(dāng)參數(shù)變化時(shí)調(diào)用方法實(shí)現(xiàn)
目前在用VUE做一個(gè)網(wǎng)頁,上面有個(gè)實(shí)時(shí)數(shù)據(jù)變化展示,如何才能做到不頁面刷新使頁面數(shù)據(jù)變化?
這樣描述它時(shí)首先想到的是Ajax
雖然您沒有使用Vue,但文檔中一定有類似的工具,登錄成功后,需要將用戶信息和菜單信息作為全局共享數(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ù),并在刷新頁之前將vuex中的數(shù)據(jù)保存到會(huì)話存儲(chǔ)(如果數(shù)據(jù)請(qǐng)求過多)加載頁時(shí)無法獲取返回的數(shù)據(jù)