按需引入element ui。抽成单独的文件

1、src下新建一个文件夹, element，在文件夹里新建一个index.js文件

首先安装：npm i element-ui -S

2、在index.js文件里先引入vue，然后再按需引入你要使用的组件。这里简单附上例子

1 // 导入自己需要的组件
2 import Vue from 'vue'
3 import { Message } from 'element-ui'
4 Vue.use(Message)
5 Vue.prototype.$message = Message

View Code

3、在main.js里引入index.js

import './element/index'
import 'element-ui/lib/theme-chalk/index.css'

View Code

也可以在element下的index.js里引入element的样式css文件

以这种方式，也就是引入局部插件，页面刷新时会自动弹出message弹框

解决办法：

把 Vue.use(Message) 改成 Vue.component(Message.name, Message) 即可