<!--动态组件-->

<!--缓存,只缓存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. 使用GDataXML生成、修改XML文档-陈棚
			
    使用GDXML生成XML文档的步骤如下. 1.调用GDataXMLNode的elementWithName:方法创建GDataXMLElement对象,对象作为XML文档的根元素. 2.调用GData ...
    
			
    2. 
						
  2. iOS App程序内多语言国际化实现 By HL
			
    iOS 多语言设置有很多方式可以实现,之前在做手机思埠1.0时,就对app进行了多语言设置,当时看到很多方法,比如用plist等方式保存键值对的,不过还是用Localisator来国际化最方便 1.添 ...
    
			
    3. 
						
  3. 利用redis+AOP简单处理MQ冥等问题
			
    思路: 1.利用redis内部的串行执行特性,使用getandset()处理分布式问题; 2.注解提供入参选择,通过数据抽取后计算MD5值,实现业务性值的冥等: 代码区: 1.注解 1 /** 2 * ...
    
			
    4. 
						
  4. tarjan2
			
    反过来调过去,我还是感觉没学明白缩点 讲一个有向图中的所有强连通分量缩成一个点后,构成的新图是一个DAG. 一个点所在的强连通分量一定被该点所在DFS搜索树所包含 树上的边大致分为:树枝边,前向边(从 ...
    
			
    5. 
						
  5. 磁盘管理+三剑客之awk
			
    目录 磁盘管理+三剑客之awk 一.磁盘管理 二.格式化命令awk 1.awk的语法 2.参数 3.awk的生命周期 4.awk中的预定义变量 5.awk处理规则的执行流程 6.awk中的函数 7.a ...
    
			
    6. 
						
  6. 在Linux中设置php变量的方法
			
    默认情况下已经安装好了PHP环境,并且知道安装好后的PHP文件路径,然后可以通过以下的方式设置PHP变量,快速执行PHP命令运行PHP文件. 环境:centos 第一步:vi ~/.bash_prof ...
    
			
    7. 
						
  7. 记一次 .NET 某供应链WEB网站 CPU 爆高事故分析
			
    一:背景 1. 讲故事 年前有位朋友加微信求助,说他的程序出现了偶发性CPU爆高,寻求如何解决,截图如下: 我建议朋友用 procdump 在 cpu 高的时候连抓两个dump,这样分析起来比较稳健, ...
    
			
    8. 
						
  8. 不用rustup，Windows下gnu版Rust安装与开发环境配置
			
    写在前面 本文介绍了在不使用rustup的情况下,在Windows上安装gnu版的Rust,并配置开发环境(VSCode + rust-analyzer,CLion + IntelliJ Rust)的 ...
    
			
    9. 
						
  9. windows server 2016 2019修改远程端口操作
			
    一.修改3389远程端口 1,按"win+r"快捷键,在对话框中输入regedit 2, 找到路径 \HKEY_LOCAL_MACHINE\SYSTEM\CurrentContro ...
    
			
    10. 
						
  10. 如何在3D场景中在模型上面绘制摄取点
			
    有些时候,我们在屏幕上面绘制一个摄取点,在单屏玩游戏的模式下,我们并不能觉得有什么不妥.但是最近VR的热火朝天,我们带上眼镜看双屏的时候,总觉得这个摄取点看着很不舒服. 这个问题该怎么解决?在这里我首 ...
    
			
    11.