vue-running在线运行 .vue文件

文章目录

  • vue-running
    • 实现方法

vue-running

在线运行 .vue文件,支持element-ui、iview。

参考iview-run

用到了iview split面板分割组件、vue-codemirror插件

实现方法

使用了vue的构造器extend与手动挂载$mount

  • 将代码进行切割(html,js,css)
  • extend 构造的实例通过$mount 渲染后,挂载到了组件唯一的一个节点上。(new Function,extend, $mount
  • 组件销毁时,手动销毁 extend 构造的实例及style(为便于销毁,添加随机 id 用于标识)。

github地址

在线地址1

在线地址2

你可能感兴趣的:(工具,vue)