组件缓存 keep-alive 文章目录 组件缓存 keep-alive 一、keep-alive是什么 二、keep-alive优点 三、问题 四、解决方案 五、代码示例 六、回顾一下钩子 七、总结 一、keep-alive是什么 keep-alive是Vue中的一个内置组件,会缓存不活动的组件实例。并不会销毁组件,导致重新回到这个页面的时候,重新加载。 keep-alive不会渲染DOM元素。 二、keep-alive优点 其目的就是为了防止重复渲染DOM,减少加载时间以及性能的消耗。能够提高用户的体验。 三、问题 包裹了 keep-alive 一级路由都会被缓存 <template> <keep-alive> //谁往这里出我就缓存谁 <router-view></router-