公共组件统一，便于维护

//本文仅为博主自己学习笔记
1.components下新建一个common文件夹，把需要多次使用的公共组件放在文件夹下面

import Card from './Card.vue';
const overallCom = {
  Card,
};
export default {
  install(vue) {
    console.log(vue);
    Object.keys(overallCom).forEach((item) => {
      vue.component(item, overallCom[item]);
    });
  },
};

再在main.js中引入common文件就可以任意使用了

import globalComponents from '@/components/common';
Vue.use(globalComponents);