vue自定义组件注册到UI组件库,通过Vue.use()来全局使用自定义组件,即install的使用

写好的组件

在index.js文件中import导入vue组件对象，

通过install方法设置到ui组件库中，其他的子组件就可以使用Vue.use()来全局使用自定义的组件了。

xx.vue

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

index.js

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

参考：https://blog.csdn.net/wang729506596/article/details/81018270