elementUI 中 Message 组件 用法

在使用elementUI 中 Message 组件的时候官网是这么说的

全局方法 Element 为 Vue.prototype 添加了全局方法 $message。因此在 vue instance 中可以采用本页面中的方式调用 Message。

单独引用 单独引入 Message：

import { Message } from 'element-ui'; 此时调用方法为 Message(options)。我们也为每个 type 定义了各自的方法，如 Message.success(options)。并且可以调用 Message.closeAll() 手动关闭所有实例。

但是我是使用的时候出现问题，就是使用Message组件的页面在刷新页面的时候也会触发然后弹出消息框

然后百度了一下，误打误撞查看到了第二种引用的方法试了一下就可以了，很奇怪。

// 和其他组件一样，一并引入
import { Message} from 'element-ui'
 
// 在调用 Vue.use 前，给 Message 添加 install 方法
Message.install = function (Vue, options) {
  Vue.prototype.$message = Message
}
 
// 和所有组件一样，一并进行use
Vue.use(Message)

该方法借鉴与：https://blog.csdn.net/FireBird_one/article/details/79896945