ElementUI简介以及相关操作

ElementUI是一套基于Vue2.0的桌面端组件库，提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面。官网地址是http://element-cn.eleme.io/#/zh-CN。

在页面上引入js和css文件即可开始使用，具体如下：

<!--引入ElementUI样式-->  
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">  
<script src="https://unpkg.com/vue/dist/vue.js"></script>  
<!--引入ElementUI组件库-->  
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

ElementUI基于Vue框架实现，所以在引入Element中的CSS文件和JS文件的时候就要先引入Vue框架的JS文件。创建Vue核心对象，例如：

<script>  
new Vue({  
  el: '#app', // 设置Vue核心对象的挂载位置, 这里表示挂载到我们的id属性为app的标签上  
})  
</script>

ElementUI中有两种布局方式：Layout布局和el-row标签。通过组件的基础的24分栏，迅速简便的创建布局。

以上内容仅供参考，如需更多信息，建议访问ElementUI官网。