3.elementUI学习

要求

掌握:如何把ElementUI加入到VUE中，重点:熟练使用ElementuI的组件

简单介绍

为啥要学 elementUI，不用 elementui 想画出比较漂亮的管理员端页面是比较慢的，需要自己写样式代码。而 elementUI 就可以为我们提供很多它已经写好的组件样式。总之它可以帮助我们快速美化页面

Element：是饿了么公司前端开发团队提供的一套基于 Vue 的网站组件库，用于快速构建网页。

Element 提供了很多组件（组成网页的部件）供我们使用。例如 超链接、按钮、图片、表格等等~

这对比效果很明显。elementUI 的按钮好好看啊，我好喜欢！！！elementUI官网地址

快速使用

对于我们用 vue ui 生成的项目来说，我们可以直接在网页中直接添加插件就行了。

然后就可以直接使用了！为啥？？？

发现通过路由访问对应的 vue 页面不好使了，记得注意下这个 App.vue

按钮组件

标签组件

布局组件——Layout 布局

布局组件——Container 布局容器

图片组件

表单类组件

单选框与多选框

输入框组件

数字输入框

选择列表

多级别表组件

开关组件

滑块组件

步骤条组件

选择器组件

时间选择器

日期选择器

颜色选择器

提示类组件

警告组件

消息提示

通知组件

数据承载相关组件

表格组件

导航菜单组件

标签页组件

抽屉组件

dialog 弹框

作业：

1. 练习上面写的这些 elementUI 各种组件
2. 完成品牌小 demo 的 vue 页面

页面的数据暂时写死就行，本次不要求 axios 请求动态数据，等下次课再考虑后端的问题。

页面上添加和编辑共用一个弹框，删除要有防误删提示。表单验证该有的都得有哦