参考:https://blog.csdn.net/u014054437/article/details/79862793

Element使用方法:https://element.eleme.cn/#/zh-CN/component/button

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

第一步:cmd进入项目目录下,安装elementUI并保存到package.json

npm install element-ui -S

  在vue2.x项目中怎么引入Element UI 随笔 第1张

有2个错误

解决方法:npm install                      如图

在vue2.x项目中怎么引入Element UI 随笔 第2张

再执行一次npm install element-ui -S     如图

 在vue2.x项目中怎么引入Element UI 随笔 第3张

这个时候,项目(F:\peixun\testVueLeaflet\test-e-leaflet3)package.json文件下的dependencies看到"element-ui": "^2.7.2"

在vue2.x项目中怎么引入Element UI 随笔 第4张

 

第二步:在main.js入口文件中引入elementUI相关文件

 

整体引入
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)

测试一下:

在vue2.x项目中怎么引入Element UI 随笔 第5张

 在vue2.x项目中怎么引入Element UI 随笔 第6张

说明成功引入

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄