Element: Element 2.0 版本预览

[Leopoldthecoder]

Element 将于今晚发布 2.0 版本，现在为大家介绍它的新特性。

青春版主题

自发布以来，Element 官方只提供了一套主题：theme-default。2.0 版会包含第二套官方主题 theme-youth。我们在 theme-default 的基础上调整了配色、字体大小和内边距，使 UI 充满了青春气息：

原版 Element

青春版 Element

3D 模式

我们为 2.0 版中的所有组件都添加了 3D 模式，通过属性 shake-it 即可打开：

<el-table :data="data" shake-it>
...
</el-table>

开启 3D 模式后，组件会随着鼠标的移动进行 3D 旋转，整个页面会随之变得动感起来：

非兼容性更新

Element 2.0 将不再支持 Vue 2.x，相反，它将全面支持 Vue 1.x。因此，如果你使用的是 Vue 2.x，请使用 Element 1.x；如果你使用的是 Vue 1.x，请使用 Element 2.x。

今晚 Element 2.0 见！

[gzlboy]

很困惑，为何新版反而不支持vue2.x？

[istobran]

Element 2.0 将不再支持 Vue 2.x？？？？

[MrYuJ]

感觉是愚人节版本

[gzlboy]

3D模式虽然很酷，但建议慎用，各种组件是为了业务需要的添加的，比如表格用于分析数据，加入3D模式，晃动会让人注意力分散甚至没法集中，我是没法接受在处理业务的时候其他元素干扰我的注意力的

[gzlboy]

@MrYuJ 听你这么一说，感觉被骗了哈哈

[pengchongfu]

3d效果满分💯

[jikkai]

Aha! 🌚

[cddsgtc]

作甚？

[SirM2z]

怎么感觉是假的

[istobran]

感觉是愚人节版本

@MrYuJ 原来如此🌚

[AnyGong]

。。。套路太多，防不胜防呀。。。 🌚

[Leopoldthecoder]

各位愚人节快乐！

澄清一下：

• 关于主题：虽然「青春版」只是一个玩笑，但是也许在未来的某个版本中，你会发现除 theme-default 之外的第二套主题
• 关于 3D 模式：永远也不会发生
• 关于版本兼容：其实除了 Vue 2.0 外，饿了么的另一个前端团队已经做出了 Element 的 React 实现：https://github.com/eleme/element-react