首页 > 代码库 > 六、vue如何缓存页面
六、vue如何缓存页面
vue如何和ionic的缓存机制一样，可以缓存页面，在A页面跳转至B页面后返回A页面时A页面的数据还在？
- 在app.vue中将router-view使用keep-alive包起来，使用v-if来判断使用使用被缓存的组件，在keep-alive外面也需要写相同的router-view,用来处理不被缓存的视图组件。
- 在路由配置里面对需要被缓存的页面进行配置。如下图所示：
- 这里注意：transition标签下面只能有一个自元素标签，所以使用div将里面的元素包起来。
- 页面缓存后，页面的部分内容又需要进行更新，在这种情况下要如何处理：需要将更改的信息写在activated里面，注意它不是在method里面。例如：
activated(){//缓存页面但是还有部分数据需要改动}
六、vue如何缓存页面
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。