简介
Element:由饿了么公司前端开发团队提供的一套基于Vue的网站组件库,用于快速构建网页
组件:组成网页的部件,例如超链接、按钮、图片、表格等等
Element官网:Element - The world's most popular Vue UI framework
Element快速入门
1.引入Element的css、js文件和Vue.js
由于Element是基于Vue开发的,因此需要引入Vue的文件
<script src="js/vue.js"></script>
<script src="element-ui/lib/index.js"></script>
<link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
2.创建Vue核心对象
3.官网复制Element组件代码
Element布局
Element中有两种布局方式
Layout布局
Layout布局:通过基础的24分栏,迅速简便地创建布局
Container布局容器
Container布局容器:用于布局的容器组件,方便快速搭建页面的基本结构
Element常用组件
表格、表单、对话框和表单、分页工具条