6、vue如何緩存頁面

vue如何和ionic的緩存機制同樣，能夠緩存頁面，在A頁面跳轉至B頁面後返回A頁面時A頁面的數據還在？

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

• 在路由配置裏面對須要被緩存的頁面進行配置。以下圖所示：

• 這裏注意：transition標籤下面只能有一個自元素標籤，因此使用div將裏面的元素包起來。
• 頁面緩存後，頁面的部份內容又須要進行更新，在這種狀況下要如何處理：須要將更改的信息寫在activated裏面，注意它不是在method裏面。例如：

             activated(){//緩存頁面可是還有部分數據須要改動}