Vue 中封装 ElementUI 组件为插件，并在 js 文件中使用插件

将 ElementUI 中的 MessageBox 组件封装为插件使用

• 为了解决一个页面多个弹窗形成队列被阻塞的问题
• 实现的效果是一个页面可同时弹出多个弹窗，弹窗用的同一个插件，但呈现效果不同

实现思路

• 因为两个弹窗效果不同，就想着复用同一个插件
• 但是一个是在 vue 文件中使用插件，一个是在 js 文件中使用插件
• 刚开始没注意，在 js 中也用的 this 调用，没有起作用
• 后来试了一下封装成两个插件分别使用，如下代码
• 发现，后一个封装的插件会覆盖前一个，神奇

Vue.use(Element);
// MsgBox 组件封装
import MsgBox from './components/MessageBox'
Vue.use