全局组件

创建一个引入组件的 globalComp.js 文件

-src
--components
---compOne.vue
---compTwo.vue
---compThree.vue
---globalComp.js

在 globalComp.js 中引入组件

import one from "./compOne.vue";
import two from "./compTwo.vue";
import three from "./compThree.vue";
export default function (Vue) {
  Vue.component("COne", one);
  Vue.component("CTwo", two);
  Vue.component("CThree", three);
}

在 main.js 中引入 globalComp.js

// 引入全局组件
import globalComp from "./components/globalComp.js";
Vue.use(globalComp);

直接在组件中使用

<template>
<div id="app">
  <c-one></c-one>
  <c-two></c-two>
  <c-three></c-three>
  </div>
</template>
<script>
  export default {};
</script>