Vue 动态插入组件 用js函数的方式
- 第一步 import vue组件
- 第二步 Vue把组件扩展进去
- 第三步 创建实例
- 第四步 将组件的el挂载到document.body上
- 第五步 设置组件内部data的值，相当于设置props
import yourComponent from ‘./yourComponent.vue‘
import Vue from ‘vue‘
export function openYourComponent (openType = ‘0‘) {
let Task = Vue.extend(yourComponent)
let taskvm = new Task()
document.body.appendChild(taskvm.$mount().$el)
taskvm.openType = openType
}