頁面更新

vue主動刷新頁?及列表數據刪除后的刷新實例

1.場景

在處理列表時，常常有刪除?條數據或者新增數據之后需要重新刷新當前頁?的需求。

2.遇到的問題

1.?vue-router重新路由到當前頁?，頁?是不進?刷新的

2.采?()，或者(0)刷新時，整個瀏覽器進?了重新加載，閃爍，體驗不好

3.解決?法

provide/inject組合

作?：允許?個祖先組件向其所有?孫后代注??個依賴，不論組件層次有多深，并在起上下游關系成?的時間?始終?效。

:

聲明reload?法，控制router-view的顯?或隱藏，從?控制頁?的再次加載

:

在頁?注?組件提供（provide）的reload依賴，在邏輯完成之后（刪除或添加...）,直接()調?，即可刷新當前頁?。

e/inject?法

provide：選項應該是?個對象或返回?個對象的函數。該對象包含可注?其?孫的屬性。

inject：?個字符串數組，或?個對象，對象的key是本地的綁定名

提?：provide和inject綁定并不是可響應的。這是刻意為之的。如果你傳?了?個可監聽的對象，那么其對象的屬性還是可響應的。

==========================================

深?理解數據驅動

以上算是開發過程中的?個坑，?了?段時間，今天再讀代碼的時候，感覺被坑的很嚴重。

1.獲取列表?法

2.重新獲取數據

3.這樣再次調?獲取數據，即可同步實現頁?數據更新（不會重新刷新頁?），同時保證有分頁時，能夠停留在當前頁（刷新前如果是第?頁，刷新后依然在第

?頁），