一、学好elementui布局的几点注意事项

elementui这个技术是饿了么公司开发并向业界开源使用的，其是在vue框架的基础上开发出来的，因此vue的前端基础掌握学好是学习elementui的必要前提。

vue-cli脚手架工程是企业最常用的搭建前端项目工程化的手段，掌握此项技术可以让开发者快速适应企业中的开发流程，因此学习elementui组件化布局时，有必要针对以上两个技术做一下了解和使用，这样学习起来就不会太痛苦。

二、elementui组件化练手布局入门前言

随着互联网行业的兴起和前后端分离团队开发的大行其道，vue被越来越多的国内开发人员所使用，而elementui作为vue唯一核心的官方指定ui框架，重要程序不言而喻，越来越多的企业公司也是默认使用elementui作为管理后台前端的ui布局首选。

之所以要学习elementui布局框架，首先，是因为该框架基于vue封装和开发了很多可以直接拿来就用的组件，让我们的前端vue开发变得快速和方便，其次，该框架的组件布局搭建出来的界面 美观简洁，给人一种清新不凌乱的新颖感，上手应用起来确实简单的很，没有什么学习成本。

有了上文说到的两个基础必要条件之后，那么接下来学习elementui简直是非常的轻松和容易，并不需要我们背诵或者记住任何知识点，我们只需要到elementui官网，找到他们的组件和样式案例，直接将符合我们要求的组件代码复制到项目中使用即可，你说是不是很简单呢？

三、Elementui安装使用说明

一般企业项目开发中使用element时不会直接在vue中使用，而是使用脚手架工程的方式应用，因为企业中主打前后端分离的工程化开发模式，使用时只需要点开饿了么ui官网，找到组件那一栏，在组件里面去找我们需要的各类组件使用即可，比如：表单组件、分页组件、菜单组件等等。

官网提供两种安装方式，第一种就是基于脚手架的方式，使用npm命令安装即可，这是我们最先推荐的使用方式，第二种则是普通安装，不基于脚手架的方式，页面中引入cdn加速的js和css文件加载使用，此种方式仅仅适合练习使用，因为它不适合应用在前后端分离的开发模式下。

四、elementui菜鸟组件布局入门精通视频教程信息

1、课程大小：2.10GB

2、课程课时：共计28课时

3、播放格式：（mp4视频格式）百度云网盘在线播放、下载视频播放器播放、不加密

4、技术架构：Vue+Elementui+Vue-cli

5、课件说明：教程课程涵盖素材、代码、笔记资料

以下是Elementui入门精通视频教程具体课程大纲：

1）Element UI框架的整体介绍与使用场景说明

2）介绍element UI的两种常见的安装方式

3）下载安装使用和基本的页面布局

4）官网找到组件栏目选择各式各样的组件儿使用

5）最基本的菜单组件和按钮组件布局

6）整体页面的划分与容器布局

7）表单组件与表格组件与分页组件分别应用在项目案例中

8）单选框组件和多选框组件的基本使用

9）表单的各种文本框组件

10）表单的单选的下拉框与多项选择的下拉框组件使用

11）文件上传与文件下载组件使用

12）消息提示框模态框组件应用

13）表格组件和分页组件的布局与使用

14）其他公司中常用的各个组件的demo演练

15）开发一个五脏俱全小案例实战综合应用elementui各种组件

16）日期组件和分页组件的布局使用和后端的跳转调用

17）Element UI课程的完善回顾总结与答疑

图一：elementui菜鸟组件布局入门精通课程详情