Element Plus前端组件库

  Element-UI是基于vue实现的一套不依赖业务的UI组件库,提供了丰富的PC端组件,减少用户对常用组件的封装,降低了开发的难易程度。
Element-UI:基于vue2
Element-Plus:基于vue3
官网:https://element-plus.gitee.io/zh-CN/

Vue导入ElementPlus

使用ElementPlus的三种方式:
 • 在HTML中以CDN包的形式导入
 • 下载JS文件保存到本地再导入
 • 使用npm安装,Vue项目使用该方法

参考文档:https://element-plus.gitee.io/zh-CN/guide/installation.html

使用npm安装,Vue项目使用流程:
1、npminstall element-plus
2、在vue项目main.js中引入element-plus组件以及css文件
3、在vue文件里使用element组件

组件介绍

  Element Plus组件:带有el-前缀的标签
使用方法:
  1、Vue导入Element Plus
  2、在官方文档找到需要的样式组件
  3、复制代码到对应的.vue中
  4、修改为对应的数据

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐