本文共 498 字，大约阅读时间需要 1 分钟。

一、前言

一些组件需要通过接口请求数据来进行显示,请求数据会造成一定的等待时间，如果反复切换组件,那就需要反复进行数据请求,并且这部分数据返回时相同的；那么可以在组件第一次加载时,将组件对象缓存起来 当切换路由显示时,组件对象被缓存起来,不被销毁,以提升再次查看时的用户体验。

当然,这取决于你的数据是否需要较高的实时性

 二、理解

1) 默认情况下, 被切换的路由组件对象会死亡释放, 再次回来时是重新创建的

2) 如果可以缓存路由组件对象, 可以提高用户体验

三、解决

1.如果想全部实现缓存可以直接用<keep-alive></keep-alive> 标签将 <router-view></router-view>包裹起来

2.局部路由的缓存需要在路由记录中meta添加属性keepAlive:true，然后通过取$route.meta.keepAlive的值进行判断是否要进行缓存<router-view v-if="$route.meta.keepAlive"></router-view>

查看路由元meta的信息：

转载地址：http://jatr.baihongyu.com/