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

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

 

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

 

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

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

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

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

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

 

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

解决办法：

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