vuejs利用js动态插入子组件

功能介绍：本想用v-html来实现不同组件的调用，但是发现v-html不支持vuejs标签，所以就想到了动态调用组件。

1、引入子组件

import myComponent from './myComponent.vue'
import Vue from 'vue'

2、js调用

let Task = Vue.extend(myComponent);
let taskvm = new Task();
document.getElementById('rulesDiv').appendChild(taskvm.$mount().$el);