1，新建自定义组件MyComp.vue，在这个vue里面就是这个组件的具体的内容，比如：

<template>
  <div>
      .....
  </div>
</template>
<script>
  export default{
    name: 'my-comp'
  }
</script>

2，新建index.js，按如下两种方式之一输入脚本内容

1）方式1

import MyComp from './MyComp.vue'
const Comp = {
    install: function(Vue){
        Vue.component('Comp', MyComp)
    }
}
// 导出组件
export default Comp

2）方式2

import MyComp from './MyComp.vue'
MyComp.install = function (Vue) {
  Vue.component(MyComp.name, MyComp)
}
export default MyComp