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

Question

比如<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的初始化，不像普通标签那样直接添加即可，而每次监听变化然后去弄初始化却又感觉很浪费，不知有无比较便利的方法可以实现以上效果，望赐教。

Answer 1

https://cn.vuejs.org/v2/guide/components.html#DOM-模版解析说明

可以使用特殊的 is 属性

<table>
  <tr is="el-btn"></tr>
</table>