控制反馈：通过界面风格和交互动态效果，用户可以清晰感知自己的操作；
页面反馈：操作完成后，通过页面元素的变化清晰解读当前状态。
【效率】
简化流程：设计简单直观的操作流程；
清晰明了：语言清晰、富有表现力，让用户快速理解并做出决策；
帮助用户识别：界面简单明了，让用户快速识别而不是回忆，减轻用户的记忆负担。
可控性
用户决策：根据场景，可以给予用户操作建议或安全提示，但不能代替用户的决策；
结果是可控的：用户可以自由地执行操作，包括撤消、回滚和中止当前操作。
ElementUI正式版功能介绍
1、引导：了解设计手册，帮助产品设计师构建逻辑清晰、结构合理、效率高、易用的产品。
2.组件：使用组件Demo快速体验交互细节； 利用后端框架封装的代码，帮助工程师快速开发。
3.主题：在线主题编辑器，可视化定制和管理站点主题和组件样式
4.资源：下载相关资源并利用它们快速构建页面原型或高保真视觉草稿elementui桌面界面，提高产品设计效率。
ElementUI正式版安装步骤
1、项目下输入npminstallelement-ui-S
2、检查配置文件package.json，是否有element-ui组件的版本号，如右图：
3.安装成功后，可以在node_modules中看到element-ui文件夹，所有安装的源文件都可以在这里找到
4、在main.js文件中引入element组件：
从“element-ui”导入ElementUI
导入'element-ui/lib/theme-chalk/index.css'
维埃。 使用（ElementUI）
ElementUI 正式版相关问题
1.表数组太长省略？
elmentUI 的 table-column 提供了属性 show-overflow-tooltip。 只要在对应的数组上设置为true，文本溢出的部分就会被替换为省略号，但是当键盘移到那里时，就可以查看完整的信息了。
2. 如何获取行数据作为方法参数？
如果你想为表格的每一行添加操作按钮，比如删除。 这个删除按键绑定的方法是同一个方法，那么如何区分是谁调用的呢，答案就是在方法中传入参数，而这个参数是渲染时写在@click的方法参数上的。 获取该行数据的方式是scope.row.xxx，其中xxx是该行数据的一个属性。 如：@click="delete(scope.row.id)
3.如何绑定风暴？
发现指定@click没有响应。 官方的使用方式是在command属性中指定操作命令，然后在其上制定处理命令的操作方法，如@command="handleCommand"，然后对其进行switch操作，即，对应不同的数值运算。 另外，命令可以直接是方法名，然后在handleCommand方法上这样调用：this[command]()。 这就是直接调用方法对应的方法。
但是elementui桌面界面，如果方法需要传递参数，那么使用这些技术就不太容易了。 不能再在这个命令字符串中单独解析方法名和参数了，那样太麻烦了。 解决办法是@click.native="func"，这些方法可以直接调用方法集中对应的方法，传递参数自然就没问题了。
4.如何通过代码关闭消息提示？
通常我抛出提示信息的时候，直接就是this.$message。 而且有这样一种情况，就是我完成一个操作后，这个提示应该立即关闭，而不是等待它随着时间的推移消失。 答案是 this.$message 实际上会返回一个消息对象的引用，所以我们定义一个变量来存储这个引用，然后在需要的时候调用 close 方法。 如messageHandle=this.$message(...) messageHandle.close()
5、如何动态改变下拉框的选项？
有时候，当前下拉框的选项依赖于上一个下拉框的选中项，这时候就需要动态改变选项。 开箱即用的选项通常是通过 v-for 呈现的。 喜欢。 如果通过这种方式动态改变可选项，则可以直接改变要遍历的链表，即只改变项链表的内容即可。 另外，如果当前的下拉选项是由上一个弹出框的选中值决定的，那么上一个弹出框就可以在@change方法上执行这个操作。
