Vue Vue element UI 页面刷新自动弹出mes

参考文章： https://segmentfault.com/a/1190000041379614

问题:

在项目中,每次刷新页面就出弹出一个message并且是没有内容的,全局查找发现自己也没有在项目中使用过message,只是引入了这个组件,发现一旦注释引入就没有问题了,这时定位出问题是在组件引入的时候出现的问题

import Vue from 'vue'
import {
...
    Message,
...
} from 'element-ui'

[
...
    Message, //这里注释就不会有问题了
...
].forEach((item)=>{
    Vue.use(item)
})

Vue.prototype.$message = Message

解决办法

通过加载组件的方式引入使用

把下面的这种方式

Vue.use(Message)

改为

Vue.component(Message.name,Message)

注意:

组件(component)是用来构成你的App的业务模块的,他的目标是APP.vue.
插件(Plugin)是用来增强你的技术栈的功能模块,他的目标是Vue本身.