Vue 2.0开源组件库Element 1.2.7

Vue 2.0开源组件库Element 1.2.7 是一套为开发者、设计师和产品经理准备的基于Vue 2.0的组件库，提供了配套设计资源，帮助你的网站快速成型。由饿了么公司前端团队开源。

组件特性

一致性 Consistency

与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；

在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。

反馈 Feedback

控制反馈：通过界面样式和交互动效让用户可以清晰的感知自己的操作；

页面反馈：操作后，通过页面元素的变化清晰地展现当前状态。

效率 Efficiency

简化流程：设计简洁直观的操作流程；

清晰明确：语言表达清晰且表意明确，让用户快速理解进而作出决策；

帮助用户识别：界面简单直白，让用户快速识别而非回忆，减少用户记忆负担。

可控 Controllability

用户决策：根据场景可给予用户操作建议或安全提示，但不能代替用户进行决策；

结果可控：用户可以自由的进行操作，包括撤销、回退和终止当前操作等。

Element 1.2.7 版本更新内容

修复 Select 不兼容 Vue 2.2.6 的问题

优化 Table 的 Tooltip 渲染性能

新增 Table tooltip-effect 属性

Element用法

npm install element-ui@next

示例代码

import Vue from 'vue'import Element from 'element-ui'import 'element-ui/lib/theme-default/index.css'; Vue.use(Element)// orimport Select from 'element-ui/lib/select';import Select from 'element-ui/lib/theme-default/select.css';import Button from 'element-ui/lib/button';import Button from 'element-ui/lib/theme-default/button.css'; Vue.component(Select.name, ElSelect) Vue.component(Button.name, ElButton)