关于Vue的全局组件

Question

main.vue是组件主体，当我在main.js 直接引入这个文件，并在main.js设置Vue.component的时候全局组件定义成功了，任何地方都可以用。

当我在plugin-alert-index.js中设置Vue.component，然后在main.js引入index.js并不起作用，请问是什么原因导致的？

//index.js
import Vue from 'vue'
import Alert from './src/main';
/* istanbul ignore next */
Alert.install = function(Vue) {
    Vue.component(Alert.name, Alert);
  };
  
export default Alert;

//main.js
import alert from '../plugin/alert/index.js'

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

定义插件暴露一个install方法
使用的时候 Vue.use(MyPlugin) 内部会调用插件的install方法
Vue.use 插件