vue的頁面快取方案以及元件通訊
阿新 • • 發佈:2020-10-22
對於一個後臺管理系統:
一:做法為在App.vue中設定統一的快取標籤:<keep-alive></keep-alive>
1、這裡的keep-alive會作用到全域性,多部配置頁面在多個頁面切換可以回顯資料,防止資料丟失
2、keep-alive缺點:每一個vue的頁面生命週期只會執行一遍,即鉤子函式只執行一遍,若有在鉤子函式中需要實時同步後臺資料的場景請謹慎使用,防止後臺資料重新整理但是前臺頁面展示不了。這裡考慮後臺管理系統在鉤子函式中獲取的資料都是一些固定不變的字典資料,且隨時重新整理頁面重新載入頁面,所以採用了keep-alive
二:元件通訊
一個父頁面嵌套了多個子頁面,子頁面之間互相通訊需要通過父頁面作為中轉(好像也有其他方式,我不太確定),對於分步配置比較難受,這裡採用vuex,實現元件間的直接通訊
1、vuex的缺點,使用 Vuex 可能是繁瑣冗餘的。繁瑣是每次子頁面開啟都需要重寫渲染資料。冗餘是通過其他方式也可以實現(可能不準確,暫時只能這麼理解)