-
清楚入门
- Element, 是一套为开发者,设计师和产品经理准备的基于Vue2.0的桌面端的组件库
- Element UI是基于Vue2.0的
- Element UI提供一组组件
- Element UI提供组件的参考示例,直接复制
- Element Plus 基于Vue 3.0 组件库
- 官方网站 :
-
- 搭建环境
- 创建Vue项目
- 步骤一: 通过 vue-cli创建项目
vue create eui01
ps:(另外安装好Vue项目后,进入项目目录,执行命令)
vue add element
整合步骤1:确定引入方式(全部引入,按需引入)
整合步骤2:安装element-ui组件
npm i element-ui --save
整合3:Element UI 引入
- 官方提供了2种引入方式:完整引入、按需引入
- 完整引入:引入了eui所有的组件,学习时/开发时常用
- 按需引入:引入需要的组件,生产环境下使用。
- 完整引入:引入了eui所有的组件,学习时/开发时常用
完整引入:
- 导入 element ui 组件库
- 导入 element ui css样式
- 并将element ui 注册给vue