<!--动态组件-->

<!--缓存,只缓存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. 利用babel将es6语法转es5的简单示例
			
    前言 Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行. 这意味着,你可以现在就用ES6编写程序,而不用担心现有环境是否支持. 文件目录结构 生成包管理配置文件pa ...
    
			
    2. 
						
  2. C#中的字符串拼接@，$
			
    转载自:https://blog.csdn.net/qq_40666620/article/details/101695138 一:@ @的意思是以@标注的字符出,其中所有的符号均为字符串符号,没有什 ...
    
			
    3. 
						
  3. Python解释器安装、多版本共存以及手动添加环境变量教程
			
    Python解释器安装.多版本共存以及手动添加环境变量教程 一.Python解释器下载 1. 先进入官网(python.org) 下图为网站的主页,依次按顺序点击"①Download&quo ...
    
			
    4. 
						
  4. 私有化轻量级持续集成部署方案--03-部署web服务（上）
			
    提示:本系列笔记全部存在于 Github, 可以直接在 Github 查看全部笔记 这一篇主要讲述部署一个 Web 项目,项目是我曾经搞的一个 VUE 模板项目:https://github.com/ ...
    
			
    5. 
						
  5. .NET 云原生架构师训练营（权限系统 代码实现 Store.EntityFramework）--学习笔记
			
    目录 开发任务 代码实现 开发任务 DotNetNB.Security.Core:定义 core,models,Istore:实现 default memory store DotNetNB.Secu ...
    
			
    6. 
						
  6. Zookeeper应用之一：数据发布与订阅初体验
			
    Zookeeper到底是什么?可以从Zookeeper提供的功能来理解.本篇小作文就是使用其提供的功能之一:数据发布与订阅. 需求:服务端开启多个实例提供服务,客户端使用服务.如果服务端某个服务下线或 ...
    
			
    7. 
						
  7. Spring系列19：SpEL详解
			
    本文内容 SpEL概念 快速入门 关键接口 全面用法 bean定义中使用 SpEL概念 Spring 表达式语言(简称"SpEL")是一种强大的表达式语言,支持在运行时查询和操作对 ...
    
			
    8. 
						
  8. MYSQL文件复制及备份
			
    周末研究了下mysql的数据结构,记录下: 场景1:当从一台电脑的mysql的data中复制数据库的文件夹到另一台电脑上时会发现 表不存在,函数等也不存在 方法:1.需要将data根目录下的ibdat ...
    
			
    9. 
						
  9. easyui datagrid中 formatter的用法
			
    1.基本用法 单元格formatter(格式化器)函数,带3个参数: value:字段值. row:行记录数据. index: 行索引. $('#dg').datagrid({ columns:[[  ...
    
			
    10. 
						
  10. [入门到吐槽系列] 微信小程序 敏感违规图片检测 mediaCheckAsync，客服接口 消息推送 的各种坑分享！
			
    前言: 最近需要做个用户上传图片,服务端校验图片问题的需求.需要使用小程序消息推送,异步接受腾讯的图片验证回调.实在太多坑了. 相信10分钟看完本文的朋友,可以非常顺利避坑. 前期准备: 首先需要一个 ...
    
			
    11.