vue.use()，install()，Vue.component

作用：1.自己创建组件，然后在项目中全局引用。2.组件按需引用

一、自己创建组件 c-button.vue

<template>
  <button>cgb</button>
</template>

<script>
export default {
  name:'CButton'
}
</script>

<style>

</style>

二、创建一个JS文件 index.js

import CButton from './c-button.vue';

const components = [CButton];

const CgbUI = {
  install(Vue) {
    // 注册组件
    components.forEach(component => {
      Vue.component(component.name, component);
    })
  }
}

export default CgbUI;

三、main.js中添加以下代码

import CgbUI from './components/index.js';

createApp(App).use(CgbUI).mount('#app');

四、就可以引用了

<template>
  <c-button></c-button>
</template>
<script>
import { defineComponent} from 'vue';
export default defineComponent({
});
</script>

最后

以上就是光亮铅笔为你收集整理的vue.use()，install()，Vue.component的全部内容，希望文章能够帮你解决vue.use()，install()，Vue.component所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。