1：用vue脚手架安装的项目
2：在src文件夹下的components文件夹下新建ComponentA.vue。
<template> <div> AAAAAAAA </div> </template> <script> </script> export default { name: ‘ComponentA‘ } <style> </style>
3：在src文件夹下的components文件夹下新建Component.js。
import ComponentA from ‘@/components/ComponentA‘ // ComponentA export default (Vue)=>{ Vue.component("ComponentA", ComponentA) }
4:在main.js中导入新建的Component.js（注意路径），这两行添加到main.js中
import components from ‘@/components/components.js‘
Vue.use(components);
5;在你需要使用组件的vue页面使用
<ComponentA></ComponentA>
此过程是封装全局组件。
原文：https://www.cnblogs.com/pengxiangchong/p/12762728.html