Vue动态组件实例解析

前面的话

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

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

概述

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

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

缓存 

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

【基础用法】

【条件判断】

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

【activated 和 deactivated】

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

{{msg}}

【include和exclude】

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



 



 



 

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

 
   
 

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

总结

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


网页题目:Vue动态组件实例解析
网页链接:http://bzwzjz.com/article/ieehjh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 网站制作 成都网站建设 重庆网站制作 营销网站建设 网站建设公司 成都网站制作 自适应网站设计 企业网站设计 成都商城网站制作 成都网站制作 成都定制网站建设 营销网站建设 成都企业网站建设 手机网站制作 定制网站建设 古蔺网站建设 攀枝花网站设计 成都网站制作 品牌网站建设 上市集团网站建设 成都网站制作