<!--动态组件-->

<!--缓存,只缓存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. SpringMVC主要组件
			
    1.DispatcherServlet:前端控制器,接收所有请求(如果配置/,则不包含jsp) 2.handlermapping:判断请求格式,判断希望具体要执行的那个方法 3.HanderAdapt ...
    
			
    2. 
						
  2. Java面向对象之各种变量详解
			
    在Java中一定有很多变量让大家头疼,成员变量.类变量.局部变量等等,今天就来分别认识认识他们吧! Java面向对象之各种变量详解 前言 在 Java语言中, 根据定义变量位置的不同,可以将变量分成两 ...
    
			
    3. 
						
  3. MyBatisPlus分页不起作用?因为少了配置
			
    /** @author QiuQiu&LL @create 2021-09-05 0:25 @Description: / @EnableTransactionManagement @Conf ...
    
			
    4. 
						
  4. Python "爬虫"出发前的装备之一正则表达式
			
    1. 正则表达式 正则表达式是一种模板表达式语言 通过定义规则去匹配.查找.替换.分割一个长字符串中特定的子字符信息. 如在一篇文章中查找出所有合法的电子邮箱地址,则可以先用正则表达式定义一个电子邮箱 ...
    
			
    5. 
						
  5. Vue 源码解读（6）—— 实例方法
			
    前言 上一篇文章 Vue 源码解读(5)-- 全局 API 详细介绍了 Vue 的各个全局 API 的实现原理,本篇文章将会详细介绍各个实例方法的实现原理. 目标 深入理解以下实例方法的实现原理. v ...
    
			
    6. 
						
  6. msf生成后门实战漫游内网
			
    前言:当我们在渗透当中首先拿到webshell权限,进一步提权渗透,获得内网的主机,假设在这里我们获取了具有双网卡的web服务器,我们的目的是通过这台web服务器,进行内网漫游,获取内网中其他主机的系 ...
    
			
    7. 
						
  7. 深度学习分类问题中accuracy等评价指标的理解
			
    在处理深度学习分类问题时,会用到一些评价指标,如accuracy(准确率)等.刚开始接触时会感觉有点多有点绕,不太好理解.本文写出我的理解,同时以语音唤醒(唤醒词识别)来举例,希望能加深理解这些指标. ...
    
			
    8. 
						
  8. 记一次阿里云oss文件上传服务假死
			
    引言 记得以前刚开始学习web项目的时候,经常涉及到需要上传图片啥的,那时候都是把图片上传到当前项目文件夹下面,每次项目一重启图片就丢了.虽然可以通过修改/tomcat/conf/server.xml ...
    
			
    9. 
						
  9. 【C# Task】TaskCompletionSource
			
    TaskCompletionSource具体功能 用于封装一个没有不带委托的任务实列.可以在其他线程控制该任务实列什么时候结束.取消.错误.类似于EventWaitHandle的功能. 属性 Task ...
    
			
    10. 
						
  10. Oracle之集合运算
			
    交集 INTERSECT :取两个查询结果集的共有部分 SELECT DEPTNO FROM EMP INTERSECT SELECT DEPTNO FROM DEPT;   补集 MINUS :用第 ...
    
			
    11.