【vue】 面试题总结 - ElementUI

资源来自：https://developer.aliyun.com/ask/289308?spm=a2c6h.13066354.0.0.767533b5ZcyIwH

ElementUI是怎么做表单验证的？在循环里对每个input验证怎么做呢？

model绑定表单数据,通过prop取表单数值，根据rule取form-item rules 或则rules[prop]校验

你有二次封装过ElementUI组件吗？

ElementUI怎么修改组件的默认样式？

方法一：/deep/
方法二：>>>
方法三：在外层添加一层div，设置自定义类名，再修改里边的样式, 格式.自定义类名 .需要修改的样式 {}。

ElementUI的穿梭组件如果数据量大会变卡怎么解决不卡的问题呢？

在 left-footer 的 slot 里面加个翻页组件，
并修改 filter-method 方法重绘穿梭机组件，
大概保持每页 50 条这样子。

ElementUI表格组件如何实现动态表头？

使用自定义表头，即 中传入自定义 slot。表头整体结构变化则得自己 v-for 表头配置拼

 重绘

ElementUI使用表格组件时有遇到过问题吗？

遇到表格的横向滚动条被固定列挡住的问题，在有合计的情况下（1：表格有横向滚动条，2：有固定列，3：底部有合计）满足这三个条件，
固定列的的宽度会把横向滚动条挡住，导致固定列下面滚动条不能拖动。

Object.freeze
这算是一个性能优化的小技巧吧。在我们遇到一些 big data的业务场景，它就很有用了。尤其是做管理后台的时候，经常会有一些超大数据量的 table，或者一个含有 n 多数据的图表，这种数据量很大的东西使用起来最明显的感受就是卡。但其实很多时候其实这些数据其实并不需要响应式变化，这时候你就可以使用 Object.freeze 方法了，它可以冻结一个对象(注意它不并是 vue 特有的 api)。
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter，它们让 Vue 能进行追踪依赖，在属性被访问和修改时通知变化。
使用了 Object.freeze 之后，不仅可以减少 observer 的开销，还能减少不少内存开销。相关 issue。
使用方式：this.item = Object.freeze(Object.assign({}, this.item))

有用过哪些vue的ui？说说它们的优缺点？

个人认为iview比elementUI好看，elementUI在多级联动菜单有一个bug（父子value一样的时候不显示） ？

mint-ui使用过程中有没有遇到什么坑？怎么解决的？

1，样式不容易被修改，可以用/deep/或者》》》进行复写；
2，Field组件在ios上，输入框的提示信息太靠后，由label引起的，所以不要用它自带的label做提示名
3，无限滚动