按需引入element ui。抽成单独的文件
1、src下新建一个文件夹, element,在文件夹里新建一个index.js文件
首先安装:npm i element-ui -S
2、在index.js文件里先引入vue,然后再按需引入你要使用的组件。这里简单附上例子
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 // 导入自己需要的组件 2 import Vue from 'vue' 3 import { Message } from 'element-ui' 4 Vue.use(Message) 5 Vue.prototype.$message = Message
3、在main.js里引入index.js
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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) 即可
记录自己的采坑之路,需要时方便查找