Vue 动态插入组件 用js函数的方式

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
}