<!--动态组件-->

<!--缓存,只缓存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. 位运算符、|和||、&和&&的区别
			
    一.位运算符操作的都是整数类型 1.<<:左移,在一定范围内向左移动n位,相当于乘以2的n次幂 左移不管是正数还是负数,都是在后面添0: 2.>>:右移,在一定范围内向右移动n ...
    
			
    2. 
						
  2. k8s补充
			
    k8s补充 容器云发展及主要内容 1.云计算,交付标准(iaas--openstack) 国内:阿里云一华为云(振兴杯)百度云(私有云) 国外:AWS 2.平台即服务(PAAS) 例如:新浪云(号称免 ...
    
			
    3. 
						
  3. Feign实现文件上传下载
			
    Feign框架对于文件上传消息体格式并没有做原生支持,需要集成模块feign-form来实现. 独立使用Feign 添加模块依赖: <!-- Feign框架核心 --> <depen ...
    
			
    4. 
						
  4. 手把手教你实现pynq-z2条形码识别
			
    我是 雪天鱼,一名FPGA爱好者,研究方向是FPGA架构探索和SOC设计. 关注公众号,拉你进"IC设计交流群". 1.前言 单单实现一个二维码识别就花了将近一个星期,这篇文章我就 ...
    
			
    5. 
						
  5. Solution -「ARC 058C」「AT 1975」Iroha and Haiku
			
    \(\mathcal{Description}\)   Link.   称一个正整数序列为"俳(pái)句",当且仅当序列中存在连续一段和为 \(x\),紧接着连续一段和为 \(y ...
    
			
    6. 
						
  6. JVM学习——G1垃圾回收器（学习过程）
			
    JVM学习--G1垃圾回收器 把这个跨时代的垃圾回收器的笔记独立出来. 新生代:适用复制算法 老年代:适用标记清除.标记整理算法 二娃本来看G1的时候觉得比较枯燥,但是后来总结完之后告诉我说,一定要慢 ...
    
			
    7. 
						
  7. Owin Katana 的分析介绍
			
    本文首要是对美团的分布式ID结构Leaf的原理进行介绍,针对Leaf原项目中的一些issue,对Leaf项目进行功用增强,问题修正及优化改善,改善后的项目地址在这里: Leaf项目改善计划 https ...
    
			
    8. 
						
  8. 《手把手教你》系列技巧篇（六十九）-java+ selenium自动化测试 - 读取csv文件（详细教程）
			
    1.简介 在实际测试中,我们不仅需要读取Excle,而且有时候还需要读取CSV类的文件.如何去读取CSV的文件,宏哥今天就讲解和分享一下,希望对你能够有所帮助.前面介绍了如何读取excel文件,本篇介 ...
    
			
    9. 
						
  9. iceberg合并小文件冲突测试
			
    基于iceberg的master分支的9b6b5e0d2(2022-2-9). 参数说明 1.PARTIAL_PROGRESS_ENABLED(partial-progress.enabled) 默认 ...
    
			
    10. 
						
  10. ClickHouse在大数据领域应用实践
			
    一.序言 面向大数据量查询数据库,优点是在较大数据量(千万级)的前提下具有较好的查询性能. 1.应用场景 ClickHouse应用于OLAP(在线分析处理)领域,具体来说满足如下特点使用此技术比较合适 ...
    
			
    11.