问题:
在我的项目中, 每次刷新页面就出弹出一个 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 自身.