Vue学习笔记-缓存路由组件

作用

让不展示的路由组件保持挂载,不被销毁

具体编码

在需要缓存的路由组件上级组件中编写如下代码

<!--include属性中填写需要缓存的组件名-->
<keep-alive include="name1,name2,...">
   <router-view></router-view>
</keep-alive>
<!--include属性中填写需要缓存的组件名数组,需要使用v-bind-->
<keep-alive :include="['name1','name2',...]">
   <router-view></router-view>
</keep-alive>

相关推荐

  1. Vue学习笔记-缓存组件

    2023-12-08 12:48:02       37 阅读
  2. Vue Router 动态缓存组件

    2023-12-08 12:48:02       17 阅读
  3. vue缓存

    2023-12-08 12:48:02       11 阅读
  4. Vue学习笔记11--2(传参/命名

    2023-12-08 12:48:02       29 阅读
  5. Vue笔记(四)

    2023-12-08 12:48:02       33 阅读
  6. Vue守卫笔记

    2023-12-08 12:48:02       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 12:48:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 12:48:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 12:48:02       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 12:48:02       20 阅读

热门阅读

  1. vue的props

    2023-12-08 12:48:02       30 阅读
  2. 基于深度学习的典型目标跟踪算法

    2023-12-08 12:48:02       30 阅读
  3. 力扣面试150题 | 88.合并两个有序数组

    2023-12-08 12:48:02       30 阅读
  4. 使用qemu-nbd挂载qcow2/raw磁盘文件

    2023-12-08 12:48:02       45 阅读
  5. CentOS 7.9安装zabbix5.0.39LTS版本

    2023-12-08 12:48:02       30 阅读
  6. 力扣labuladong——一刷day68

    2023-12-08 12:48:02       39 阅读
  7. Python:核心知识点整理大全7-笔记

    2023-12-08 12:48:02       32 阅读
  8. Flask中redis的配置与使用

    2023-12-08 12:48:02       39 阅读
  9. 1-Hadoop原理与技术

    2023-12-08 12:48:02       33 阅读
  10. Pytorch当中transpose()和permute()函数的区别

    2023-12-08 12:48:02       40 阅读