<!--动态组件-->

<!--缓存,只缓存about和home组件-->

<keep-alive exclude="about"  >

  <component

      :is="currentTab"

      v-bind="msg">

  </component>

</keep-alive>






这里的v-bind:is绑定的就是子组件的名称


keep-alive标签可以让子组件再切换时能够缓存,不被销毁


keep-alive标签的exclude和include属性可以指定哪个子组件生效或者不生效


exclude和include属性的正则表达式形式和数组形式需要用v-bind来区分


 
												


											
vue3-动态组件的要点的更多相关文章
	

    
						
  1. VUE3 之 动态组件 - 这个系列的教程通俗易懂，适合新手
		
    1. 概述 暗示效应告诉我们: 巧妙的暗示会在不知不觉中剥夺我们的判断力,对我们的思维形成一定的影响,造成我们行为的些许改变或者偏差. 例如你的朋友说你脸色不太好,是不是病了,此时,你可能就会感觉浑身 ...
    
		
    2. 
						
  2. 06-Flutter移动电商实战-dio基础_Get_Post请求和动态组件协作
		
    上篇文章中,我们只看到了 dio 的使用方式,但并未跟应用关联起来,所以这一篇将 dio 网络请求与应用界面结合起来,当然这也是为以后的实战作基础准备,基础打牢,我们才能飞速前进. 1.案例说明 我们 ...
    
		
    3. 
						
  3. Flutter移动电商实战 --（6）dio基础_Get_Post请求和动态组件协作
		
    上篇文章中,我们只看到了 dio 的使用方式,但并未跟应用关联起来,所以这一篇将 dio 网络请求与应用界面结合起来,当然这也是为以后的实战作基础准备,基础打牢,我们才能飞速前进. 1.案例说明 我们 ...
    
		
    4. 
						
  4. vuejs动态组件给子组件传递数据
		
    vuejs动态组件给子组件传递数据 通过子组件定义时候的props可以支持父组件给子组件传递数据,这些定义的props在子组件的标签中使用绑定属性即可,但是如果使用的是<component> ...
    
		
    5. 
						
  5. C++ 类的动态组件化技术
		
    序言: N年前,我们曾在软件开发上出现了这样的困惑,用VC开发COM组件过于复杂,用VB开发COM组件发现效率低,而且不能实现面向对象的很多特性,例如,继承,多态等.更况且如何快速封装利用历史遗留的大 ...
    
		
    6. 
						
  6. Hibernate学习---第五节：普通组件和动态组件
		
    一.普通组件映射配置 1.创建组件类,代码如下: package learn.hibernate.bean; /** * 组件类 */ public class Phones { private St ...
    
		
    7. 
						
  7. vue2入坑随记(二) -- 自定义动态组件
		
    学习了Vue全家桶和一些UI基本够用了,但是用元素的方式使用组件还是不够灵活,比如我们需要通过js代码直接调用组件,而不是每次在页面上通过属性去控制组件的表现.下面讲一下如何定义动态组件. Vue.e ...
    
		
    8. 
						
  8. Vue动态组件
		
    前面的话 让多个组件使用同一个挂载点,并动态切换,这就是动态组件.本文将详细介绍Vue动态组件 概述 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动 ...
    
		
    9. 
						
  9. angular2 学习笔记 ( Dynamic Component 动态组件)
		
    更新 2018-02-07 详细讲一下 TemplateRef 和 ViewContainerRef 的插入 refer : https://segmentfault.com/a/1190000008 ...
    
		
    10. 
						
  10. Vue两种组件类型介绍：递归组件和动态组件
		
    一递归组件 递归组件的特性就是可以在自己的template模板中调用自己本身.值得注意的它必须设置name属性. // 递归组件 recursive.vue <template> < ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. rsync 远程同步部署——上下行同步
			
    rsync 远程同步部署--上下行同步 1.rsync (Remote Sync,远程同步) : 是一个开源的快速备份工具,可以在不同主机之间镜像同步整个目录树,支持增量备份,并保持链接和权限,且采用 ...
    
			
    2. 
						
  2. SQL性能优化技巧
			
    作者:IT王小二 博客:https://itwxe.com 这里就给小伙伴们带来工作中常用的一些 SQL 性能优化技巧总结,包括常见优化十经验.order by 与 group by 优化.分页查询优 ...
    
			
    3. 
						
  3. Redis 在 vivo 推送平台的应用与优化实践
			
    一.推送平台特点 vivo推送平台是vivo公司向开发者提供的消息推送服务,通过在云端与客户端之间建立一条稳定.可靠的长连接,为开发者提供向客户端应用实时推送消息的服务,支持百亿级的通知/消息推送,秒 ...
    
			
    4. 
						
  4. 神奇小证明之——世界上只有5个正多面体+构造x3=2a3
			
    今天我彻底放飞自我了...作业还没写完...但就是要总结一些好玩的小性质...谁给我的勇气呢?
    
			
    5. 
						
  5. c++ 聚合/POD/平凡/标准布局 介绍
			
    目录 前言 聚合 POD(Plain Old Data) 平凡类型(TrivialType) 要求 平凡可复制(TrivialCopyable) 要求 对于某些函数的补充说明 平凡拷贝构造函数 符合条 ...
    
			
    6. 
						
  6. Asp-Net-Core开发笔记：使用NPM和gulp管理前端静态文件
			
    前言 本文介绍的是AspNetCore的MVC项目,WebApi+独立前端这种前后端分离的项目就不需要多此一举了~默认前端小伙伴是懂得使用前端工具链的. 为啥要用MVC这种服务端渲染技术呢? 简单项目 ...
    
			
    7. 
						
  7. Anacanda 与 jupyter 的使用
			
    内容概要 爬虫开发环境搭建 Anacanda 开发环境 jupyter jupyter 的基本使用 启动 基本使用 快捷键的使用 内容详细 一.爬虫开发环境搭建 1.Anacanda 开发环境 Ana ...
    
			
    8. 
						
  8. Dubbo源码剖析六之SPI扩展点的实现之Adaptive功能实现原理
			
    接Dubbo源码剖析六之SPI扩展点的实现之getExtensionLoader - 池塘里洗澡的鸭子 - 博客园 (cnblogs.com)继续分析Adaptive功能实现原理.Adaptive的主 ...
    
			
    9. 
						
  9. CentOS8系统上Zookeeper安装启动
			
    下载Zookeeper安装包,下载地址为:https://zookeeper.apache.org/releases.html.注意选择bin的gz包,否则安装不成功,提示找不到相应的类. 一.单机模 ...
    
			
    10. 
						
  10. 使用MyBatis拦截器后，摸鱼时间又长了。🐟
			
    场景 在后端服务开发时,现在很流行的框架组合就是SSM(SpringBoot + Spring + MyBatis),在我们进行一些业务系统开发时,会有很多的业务数据表,而表中的信息从新插入开始,整个 ...
    
			
    11.