elementUI按需引入以后 Message组件错误

项目完成后，进行性能优化，其中一项措施对Element-Ui采用按需引入的方式

但是发现Message模块出现错误

this.$message({
    message: '成功',
    type: 'success',
});

这是组件的使用

import { Dialog, Select, Progress, Message, Option } from 'element-ui';
 
Vue.use(Option)

出现的错误是Message模块每次刷新自行调用，点击事件的调用无效

解决方法：

在main.js中：

// 引入elementUI
import { Message  } from 'element-ui';
//由于Message组件并没有install 方法供Vue来操作的，是直接返回的，因此按照官方文档单独引入的方法是
//会报错的，需要给 Message 添加 install 方法
Message.install = function (Vue, options) {
  Vue.prototype.$message = Message
}
Vue.use(Message )//消息提示

组件中不需要引入，可以直接用了