Vue动态全局注册

<template>
  <div id="tab1-div">{{index}}</div>
</template>

<script>
export default {
  name: 'Tab1',
  props: {
    index: {
      type: Number,
      required: true
    }
  }
}
</script>

<style scoped>
#tab1-div {
  background-color: darkred;
}
</style>

///////////////////////注册/////////////////////////////////

const componentConfig = require('@/components/tab/Tab1.vue')
// 全局注册组件
Vue.component(
  'Tab1',
  // 如果这个组件选项是通过 `export default` 导出的，
  // 那么就会优先使用 `.default`，
  // 否则回退到使用模块的根。
  componentConfig.default || componentConfig
)

///////////使用//////////////////////////////////

let Ctor2 = Vue.component('Tab1')
const instance2 = new Ctor2({propsData: {index: 99}})
instance2.$mount()
this.$refs.com.appendChild(instance2.$el)