vue keep-alive的简单总结
作者：guo&qi 发布时间：2024-04-28 10:55:32
标签：vue,keep-alive
一、作用
主要用于保留组件状态或避免重新渲染。
二、用法
<keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。
<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。
当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。
三、Props
include
include - 字符串或正则表达式。只有名称匹配的组件会被缓存。
exclude
exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。
include 和 exclude prop 允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示：
<!-- 逗号分隔字符串 -->
<keep-alive include="a,b">
<component :is="view"></component>
</keep-alive>
<!-- 正则表达式 (使用 `v-bind`) -->
<keep-alive :include="/a|b/">
<component :is="view"></component>
</keep-alive>
<!-- 数组 (使用 `v-bind`) -->
<keep-alive :include="['a', 'b']">
<component :is="view"></component>
</keep-alive>
匹配首先检查组件自身的 name 选项，如果 name 选项不可用，则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。
max
max - 数字。最多可以缓存多少组件实例。
一旦这个数字达到了，在新实例被创建之前，已缓存组件中最久没有被访问的实例会被销毁掉。
<keep-alive :max="10">
<component :is="view"></component>
</keep-alive>
来源：https://www.cnblogs.com/gg-qq/p/13855967.html
0
投稿猜你喜欢
- 在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的编写，刚开始不会体会出SQL语句各种写法的性能优劣，但是如果将应
python和C++一样，支持多继承。概念虽然容易，但是困难的工作是如果子类调用一个自身没有定义的属性，它是按照何种顺序去到父类寻找呢，尤其- 可以任意转载，但转载时必须标明原作者charlee、原始链接http://tech.idv2.com/2008/11/03/python-m
- 1.首先打开AutoIt Windows Info 工具，鼠标点击Finder Tool（按住左键不松手），鼠标将变成一个小风扇形状的图标，
- 1.2 本篇文章内容概要1.3 本篇文章内容概括在SQL语句中，关于表连接，若按照表的数量来划分，可以划分为单表连接、两表连接和两表以上连接
- 故障：数据库报错：“MSSQL Server 2000 附加数据库错误823”，附加数据库失败。故障
- A：西米喜欢健身B：超超不爱健身，喜欢打游戏step1:分词A：西米／喜欢／健身B：超超／不／喜欢／健身，喜欢／打／游戏step2:列出两个
- 1、返回json响应结果在struct的字段后面加入json:"key"可以进行json格式输出，其中key为json的
- sys模块：全称system，指的是解释器。常用操作，用于接收系统操作系统调用解释器传入的参数1、 sys.argv获取脚本传递的所有参数，
- 本篇文章将介绍在 Python 中将 hex 转换为 base64 的方法。使用 Python 中的 codecs 模块将 HEX 转换为
- 基本概念当前读与快照读在MVCC中，读操作可以分成两类：快照读 (snapshot read)与当前读 (current read)。 快照
- pycharm程序界面一般有很多子窗口，如图1所示。pycharm项目视图-运行窗口图1 Pycharm子窗口如果你发现某些子窗口不见了，图
- 这篇文章主要介绍了python字典setdefault方法和get方法使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定
- 本篇博文主要讲解Python爬虫实例，重点包括爬虫技术架构，组成爬虫的关键模块：URL管理器、HTML下载器和HTML解析器。爬虫简单架构程
- 昨天在写“同IP站点查询”工具的时候，需要先用ASP获取查询域名的IP，本来是用WSHSHELL组件，代码如下：<％@LANGUAGE
- 这篇文章主要介绍了Python序列化与反序列化pickle用法实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价
- 在Server和Client通讯中，由于网络等原因很可能会发生数据丢包的现象。如果数据缺失，服务端接收的信息不完整，就会造成混乱。我们需要在
- 在分析查询性能时，考虑EXPLAIN关键字同样很管用。EXPLAIN关键字一般放在SELECT查询语句的前面，用于描述MySQL如何执行查询
- 摘要：在本篇博客中，我们将介绍如何优化YOLOv5车牌识别系统的性能，以及如何将模型部署到实际应用中。我们将重点讨论模型压缩、加速技术和部署
- 本文实例讲述了python集合用法。分享给大家供大家参考。具体分析如下：# sets are unordered collections o
