按需引入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) 即可