动态组件

首先,使用一个组件的顺序:
导入==>注册==>使用
如何使用动态组件?
<p :is="changeCom"></p>
这样可以对is属性进行动态绑定v-bind,在data里面就可以进行动态绑定组件

data () {
  changeCom: 'comA'
}

动态组件可以和<keep-alive>搭配使用,这样,在来回切换组件时,会对上一个组件进行缓存

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • [一] Vue mixins(混合) 作用:为组件定义可复用的方法,可以在 mixin对象 里定义组件的任何属性,...
    woow_wu7阅读 1,538评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • 我在Vue动态组件上的坑上重复踩了两次,一模一样的两次思考过程。 我想,这个重复思考的过程并不是偶然,说明是很有必...
    嘉宝_Appian阅读 24,999评论 6 19
  • 一般大家在用keep-alive的时候可能是如下写法: 这个是典型的用法,用于缓存路由组件,官方文档的解释是: 对...
    别过经年阅读 2,626评论 0 1
  • 很多时候我们会在人生的路上磕磕碰碰,辗转周折。而每一个过程都会带来不同的感悟!学习的路上虽有成长但是总觉得离自己期...
    luckyvivi阅读 259评论 0 0