zoukankan      html  css  js  c++  java
  • keep-alive 的作用及使用场景

    keep-alive:主要用于保留组件状态避免重新渲染

    比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话 列表 和 详情 都是一个频率很高的页面,那么就可以对列表组件使用<keep-alive></keep-alive>进行缓存,这样用户每次返回列表的时候,都能从缓存中快速渲染,而不是重新渲染

    1、属性:

    • include:字符串或正则表达式。只有匹配的组件会被缓存。

    • exclude:字符串或正则表达式。任何匹配的组件都不会被缓存。

    2、用法:

    包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition>相似,<keep-alive>是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。

  • 相关阅读:
    数组元素循环右移
    备忘录模式笔记
    调度算法(笔记)
    meta http-equiv的用法(转)
    常用Maven插件介绍(下)(转)
    常用Maven插件介绍(上)(转)
    maven命令
    JDK并发包
    线程基础
    Jav堆排序
  • 原文地址:https://www.cnblogs.com/benbonben/p/14953205.html
Copyright © 2011-2022 走看看