<KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。
官网中介绍了如何缓存组件,但是我的需求是因为页面有模型,用户切换页面时加载时间比较长,所以想要缓存整个页面,使用在路由上添加keepAlice:true来实现,具体方法如下:
官网地址:https://cn.vuejs.org/guide/built-ins/keep-alive.html
步骤一:
![](https://img-blog.csdnimg.cn/img_convert/9cbe131cbf85de96154add459db2f2ee.png)
步骤二:
![](https://img-blog.csdnimg.cn/img_convert/59dd440c5a20b90681db5e132b23590e.png)
<KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例。
官网中介绍了如何缓存组件,但是我的需求是因为页面有模型,用户切换页面时加载时间比较长,所以想要缓存整个页面,使用在路由上添加keepAlice:true来实现,具体方法如下:
官网地址:https://cn.vuejs.org/guide/built-ins/keep-alive.html
步骤一:
步骤二: