Vue-Router路由动态缓存组件(keep-alive),vue2/vue3不同写法

  个人简介:某大型国企资深软件开发工程师,信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家,分享前端后端相关技术与工作常见问题~

作    者:码喽的自我修养❣️
专    栏:vue2/3 从基础到起飞

若有帮助,还请 关注➕点赞➕收藏  ,不行的话我再努努力

Vue-Router路由动态缓存组件(keep-alive),vue2/vue3不同写法_第1张图片

文章目录

一、简介

它的主要作用是缓存不活动的组件实例,而不是销毁它们。 

基本用法 

生命周期钩子

二、定义是否缓存组件

三、缓存组件相关配置

1. 通过 :include 属性实现

vue2.x中

vue3.x中

2. 通过 v-slot 功能实现

3. 通过 v-if 来实现

四、注意事项


你可能感兴趣的:(vue2/3,从基础到起飞,vue.js,前端,javascript,缓存,vue,前端框架,AI编程)