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(){//缓存页面可是还有部分数据须要改动}