不确定写多长，写先结论吧：暂时不引荐运用。缘由以下：

1. 影响运用的小 Bug 有点多

2. 须要重新学习一门言语

接下来详述。

夙昔司去职以后，我最先更新手艺栈。脱离习用的 Backbone，斟酌再三，投入 Vue 度量。挑选 Vue，而不是竞品 Angular、React，有三个来由：

1. 文档友爱，社区活泼。

2. 模块拆分的很好，学习曲线平缓。

3. 基于标准化手艺，能够最大限制的防止糟蹋。

不过实操以后发明，Vue 与我习用的 Bootstrap 有些争执，重要在于：

1. Bootstrap 对过渡效果和切换的操纵依赖于款式，比方 .active、.in。Vue 在处置惩罚模板时会把当前款式先缓存起来，然后依据数据增删绑定的款式。此时就能够出题目，tab 页切不动或许动画倏忽打断之类的。

2. Bootstrap 会播送特定的事宜，这些事宜没法被 Vue 捕捉，只能在 mounted() 的钩子里手工绑定。

因而我以为，既然基本（jQuery）变了，最好把整条线都更新了吧。摆布看了看，预备先试下 Element UI。这是饿了么推出的基于 Vue2.0 的组件库，目测组件完全，文档细致，而且直接以 2.0 为基本，相符我追新的主意。

实际用了以后……唉……有点……遗憾。项目地点。

起首，Element UI 把一切组件都封装了，包含规划，比方 <el-row>、<el-col>，我以为如许太过了。从实际履历来看，规划元素险些不能够够用，他人总要补充一些。封装的元素我不太晓得终究天生的代码是什么样的，也就不好操纵，总不能检察元素一个一个看吧？——对了，Element 的文档里缺乏款式列表，也是个题目。

封装的另一个题目，一切元素都要经由过程后期衬着，总让我觉得不舒服。以及，我险些不管干什么都要查文档，险些没法直接着手，这和我挑选 Vue 的初志是相违犯的。

接下来，小 Bug，有点多。撤除规划和提醒之类，我只用到3个组件：<el-button>、<el-table>、<el-pagination>，效果就碰到4个 bug，糟蹋许多时候去调试，有两个我给他们开了 issue，另有两个懒得弄了。这里列一下吧：

1. <el-button :loading="scope.row.fetching"> 没法把 loading 绑定到数据的 .fetching 属性上

2. <el-pagination> 设置 total 不更新视图

3. <el-pagination> 更新 total 以后再次播送 current-change 事宜，致使反复革新

4. <el-table> 里每行的 ref 属性没法准确天生数组

能够别的组件很硬朗吧，我命运运限不好。

总之，我以为就现在这个版本，1.2.5，来看，Element UI 还没到让人宁神用而且用得好的水平。

下一次我能够会选别家的再试下，或许继承用 Bootstrap 然后本身拼些小组件出来——我此次就是想找个有 loading 的 button 才找 UI 库的。

啊，末了，照样谢谢 Element UI 团队，谢谢饿了么。愿望你们再接再砺，置信未来这套库会更好。

同步发于 我的博客