Element：是饿了么公司前端开发团队提供的一套基于 Vue 的网站组件库，用于快速构建网页
组件：组成网页的部件，例如 超链接、按钮、图片、表格等等~
Element 官网：https://element.eleme.cn/#/zh-CNListener

Element 快速入门

image.png
注意：引入的依赖顺序不能乱，复制粘贴到正确的位置。
放在
标签放在


数据放在image.png
下面是element的模板，复制粘贴去用即可。

  1.     <title>Element模板</title>
  2. <!--    1.引入相关文件-->
  3.     <script src="js/vue.js"></script>
  4.     <script src="element-ui/lib/index.js"></script>
  5.     <link rel="stylesheet" href="element-ui/lib/theme-chalk/index.css">
  6. </head>
  7. <body>
  8. <!--2.编写Vue视图-->
  9. <div id="app">
  11. </div>
  13. <script>
  14.     new Vue({
  15.         el: "#app"
  16.     });
  17. </script>
  18. </body>

Element 布局

Element 中有两种布局方式：
Layout 布局：通过基础的 24 分栏，迅速简便地创建布局；
Container 布局容器：用于布局的容器组件，方便快速搭建页面的基本结构。
image.png
image.png

Container容器布局没有header和footer的话，就是左右布局。