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
}