vue 动态添加标签或组件

Question

我想做一个vue可视化编辑的小工具

其中这个组件库里的标签怎么加上去才能正常显示呢；或者说怎样才能让vue识别到这是vue的一个全局组件

现在基础的的组件我是直接innerHtml解决的

let btn = document.createElement('el-button')

结果是

<el-button></el-button>

而不是编译好的组件

Answer 1

可以试试createElement

Answer 2

可以借助 Vue.compile 把字符串转换成render，再写一个只展示render的组件把这个解析结果作为参数来输出

Answer 3

你可以看一下story book，我想你要的应该就是这样的效果