javascript - vuejs2.0中如何动态渲染出不同的组件。

问题描述

问 题

比如<router-link tag='div'></router-link>中通过接收tag的值，会将该标签替换为<div>，受此提示想着实现一个效果。
比如我目前有三个组件，el-a、el-btn和el-modal，当<el-a tag='el-btn'></el-a>时，渲染出el-btn组件，当<el-a tag='el-modal'></el-a>时则渲染出el-modal组件。
可是组件的渲染依赖于vue的初始化，不像普通标签那样直接添加即可，而每次监听变化然后去弄初始化却又感觉很浪费，不知有无比较便利的方法可以实现以上效果，望赐教。

解决方案

Vue 有动态组件<component :is='componentName'></component>

这篇关于javascript - vuejs2.0中如何动态渲染出不同的组件。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！