网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

Vue动态组件实例解析

前面的话

成都创新互联自2013年起,先为祁东等服务建站,祁东等地企业,进行企业商务咨询服务。为祁东企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

让多个组件使用同一个挂载点,并动态切换,这就是动态组件。本文将详细介绍Vue动态组件

概述

通过使用保留的 元素,动态地绑定到它的 is 特性,可以实现动态组件

也可以直接绑定到组件对象上

缓存 

包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中

【基础用法】

【条件判断】

如果有多个条件性的子元素, 要求同时只有一个子元素被渲染

【activated 和 deactivated】

activated 和 deactivated 在 树内的所有嵌套组件中触发

{{msg}}

【include和exclude】

include 和 exclude 属性允许组件有条件地缓存。二者都可以用逗号分隔字符串、正则表达式或一个数组来表示



 



 



 

匹配首先检查组件自身的 name 选项,如果 name 选项不可用,则匹配它的局部注册名称(父组件 components 选项的键值)。匿名组件不能被匹配

 
   
 

上面的代码,表示只缓存home和archive,不缓存posts

总结

以上所述是小编给大家介绍的Vue动态组件实例解析,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!


网页名称:Vue动态组件实例解析
转载注明:http://bjjierui.cn/article/ieehjh.html

其他资讯