JavaWeb-12-Element快速入门

Element快速入门

一、什么是Element

• Element：是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

• 组件：组成网页的部件，例如：超链接、按钮、图片、表格、表单、分页条等等。

• 官网：Element官网

  

• 为啥要学Element？看如下图：HTML与Element比较就懂了！

  

---

---

二、Element快速入门

1、安装Element组件库

• 在当前工程的目录下，在命令行执行指令：

  npm install element-ui@2.15.3
  

---

2、引入ElementUI组件库

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

---

3、访问官网复制组件代码并调整

• 定义组件文件：ElementView.vue

  

• 编写ElementView.vue

  

• 访问官网，选择需要的按钮样式，复制代码

  

• 复制后调整并运行

  

  

  

  

---