install 插件方法

1. 创建一个名为MyComponents的插件文件，比如my-components.js。

// my-components.js

// 引入你的组件文件
import ComponentA from './ComponentA.vue';
import ComponentB from './ComponentB.vue';
import ComponentC from './ComponentC.vue';

// 定义install方法
const MyComponents = {
  install(Vue) {
    // 全局注册组件
    Vue.component('component-a', ComponentA);
    Vue.component('component-b', ComponentB);
    Vue.component('component-c', ComponentC);
  },
};

// 导出插件对象
export default MyComponents;

2. 在入口文件（通常是main.js）中，使用Vue的use方法来安装插件。

// main.js
import Vue from 'vue';
import MyComponents from './my-components.js';

// 使用插件
Vue.use(MyComponents);

// 创建Vue实例
new Vue({
  // ...
}).$mount('#app');

方法2

// 引入Vue
import Vue from 'vue';

// 引入你的组件文件
import ComponentA from './ComponentA.vue';
import ComponentB from './ComponentB.vue';
import ComponentC from './ComponentC.vue';

// 全局注册组件
Vue.component('component-a', ComponentA);
Vue.component('component-b', ComponentB);
Vue.component('component-c', ComponentC);

// 创建Vue实例
new Vue({
  // ...
}).$mount('#app');

在上面的例子中，我们通过Vue.component()方法分别将ComponentA、ComponentB和ComponentC组件注册为全局组件。这样一来，你可以在任何Vue组件或模板中使用这些组件，而不需要在每个组件中单独引入和注册。

例如，在其他的Vue组件或模板中，你可以直接使用这些组件：

<template>
  <div>
    <component-a></component-a>
    <component-b></component-b>
    <component-c></component-c>
  </div>
</template>

一种这样的写法
 

import PageTools from '@/components/PageTools'
Vue.component(PageTools.name, PageTools)//name是组件中的name值