// Cmponent.vue
<template>
  <div>
    我是组件
  </div>
</template>
 
<script>
  export default {
 
  }
</script>
 
<style scoped>
  div{
    font-size:40px;
    color:#fbb;
    text-align:center;
  }
</style>

import component from './Cmponent.vue'
const component = {
  install:function(Vue){
    Vue.component('component-name',component)
  } //'component-name'这就是后面可以使用的组件的名字，install是默认的一个方法
  
}
// 导出该组件
export default component

// 只要在index.js里规定了install方法，就可以向其他ui组件库那样，使用Vue.use()来全局使用
import loading from './index.js'
Vue.use(loading)
<template>
  <div>
   <component-name></component-name>
  </div>  
</template>