vue系列---【vue项目如何使用element-ui？】

vue系列---【vue项目如何使用element-ui？】
2022-08-30 00:00:38

1.安装依赖包;

npm i element-ui -S

2.在vue项目中的main.js文件中，拷进去如下代码；（注意：注释中，//与文字之间要有一个空格）

// 导入组件库
import ElementUI from 'element-ui'// 导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css'// 配置vue插件
Vue.use(ElementUI)

3.打开ElementUI官网，找到要用的组件；

vue系列---【vue项目如何使用element-ui？】_官网

4.把上面的组件代码拷到vue页面中；

vue系列---【vue项目如何使用element-ui？】_依赖包_02

5.执行：npm run serve 即可！

vue系列---【vue项目如何使用element-ui？】_css_03

本文摘自：https://blog.51cto.com/u

开通会员，享受整站包年服务立即开通 >

vue系列---【vue项目如何使用element-ui？】2022-08-30 00:00:38