vue如何和ionic的緩存機制一樣，可以緩存頁面，在A頁面跳轉至B頁面后返回A頁面時A頁面的數據還在？

• 在app.vue中將router-view使用keep-alive包起來，使用v-if來判斷使用使用被緩存的組件，在keep-alive外面也需要寫相同的router-view,用來處理不被緩存的視圖組件。

• 在路由配置里面對需要被緩存的頁面進行配置。如下圖所示：

• 這里注意：transition標簽下面只能有一個自元素標簽，所以使用div將里面的元素包起來。
• 頁面緩存后，頁面的部分內容又需要進行更新，在這種情況下要如何處理：需要將更改的信息寫在activated里面，注意它不是在method里面。例如：

activated(){//緩存頁面但是還有部分數據需要改動} 原文：https://www.cnblogs.com/gunelark/p/7298328.html

轉載于:https://www.cnblogs.com/kelly-sunshine/p/10764410.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的vue缓存页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。