今天给大家介绍一个Vue 的网站组件库

网址：https://element.eleme.cn/#/zh-CN

Element：是饿了么公司前端开发团队提供的一套基于 Vue 的网站组件库，用于快速构建后端网页。Element 提供了很多组件（组成网页的部件）供我们使用。例如 超链接、按钮、图片、表格等等~如下图左边的是我们编写页面看到的按钮，上图右边的是 Element 提供的页面效果，效果一目了然。我们学习 Element 其实就是学习怎么从官网拷贝组件到我们自己的页面并进行修改，官网网址是

OK有了网址，那我们该如何正确的使用呢。

首先 需要将element-ui 文件夹直接拷贝到项目的 webapp 下（后续我会发）

其次 创建页面，并在页面引入Element 的css、js文件 和 Vue.js

例：<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">

然后 创建Vue核心对象
Element 是基于 Vue 的，所以使用Element时必须要创建 Vue 对象
<script>
new Vue({
el:"#app"
})
</script>

最后官网复制Element组件代码即可，不过要注意复制对应的不要复制多或少，也要注意变量等要对应好