如何搭建element-ui(详细教程)
：npm 安装 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。npm i element-ui -S，2：引入 Element 你可以引入整个 Element，或是根据需要仅引入部分组件。
element-ui引入方式、自定义主题
1、但是官方是 强烈建议全局引入样式 ，没必要为此特地用插件增加负担。此外像这样配置按需引入样式也无法使自定义主题生效。so 只是贴在这里记录方法。
2、所以element－ui不适合移动端。element－ui的需求：丰富的feature：丰富的组件，自定义主题，国际化。文档 & demo：提供友好的文档和 demo，维护成本小，支持多语言。
3、Element ui官网 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。在 main.js 中配置 目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。
element-ui展示
展示了 element-ui 的相应组件的功能及UI，以便快速浏览查询。transition 。内置了几种过渡动画。el-row el-col 。通过基础的 24 分栏，迅速简便地创建布局。el-container 。用于布局的容器组件，方便快速搭建页面的基本结构。
Element UI的 el-tag 组件文字展示不全的原因可能有以下几个方面： 文字长度超过了标签容器的宽度：可能是因为标签容器的宽度设置不够或者文字内容过长，导致文字超出容器显示范围。
先来 方法一 ，应用 Transfer 穿梭框 ： html：html中table同时做调整，每个el-table-column添加v-if=colData[0].show，对应colData同位置字段。
新建一个html页面，然后在这个代码页面上创建一个div标签id为app，然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。引入vue.js。在body结束标签前面使用sctipt引入vue.js文件。
第一步：我先把elementui中的表格格式展示出来 要注意el-table标签里面的@selection-change=handleSelectionChange这个方法，下面会用到的。还有ref属性，在下面都会用到。还有这里的type，是elementui自带的，自己去看文档。
elementui开发效率很低
网络速度较差。elementui懒出现一直加载转圈的情况是网络速度较差导致的，ElementUI：是饿了么公司前段开发团队提供的一套基于Vue框架的网站组件库。
之所以会造成卡顿，是因为该组件是一次性将所有数据全部渲染，dom数量过于庞大，并且在展开树操作的时候，用了大量递归循环语句，性能受到严重影响，造成卡顿。
标签： Vue element-ui 原因：下拉框数据过多，若渲染全部数据，会导致 DOM 数量太多，操作卡顿。解决办法：将获取的数据（allList）和渲染数据（list）分离开，限制渲染数组的长度。
在子组件直接点击关闭时会导致报错(单向数据流问题)。解决方法就是在父组件操作关闭事件，并用第三个变量来控制显示与隐藏。并在visible后加.sync。ElementUI Form表单验证不通过，明明有值， 验证的错误信息不消失。
弹窗元素复杂。由于弹窗包含form表单元素，点击去掉关闭按钮，遮罩层会先隐藏，从而导致弹窗会延迟关闭。element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。