介绍下大型表单的校验、联动与性能优化方案。

大型表单比如有50多个字段的大型表单： 如果让组件依赖整个表单， 因为Vue是响应式数据， 如果其中某个表单字段数据发生变化，虚拟Dom要重新计算，然后真实dom需要重新渲染， 然后再频繁修改字段时（因为有很多字段，每去修改一次，或者填入信息一次）就会触发， 所以就可能会使，输入表单值时，出现表单卡顿的情况 。 解决办法。 分层校验， 将相关字段（比如地址电话等信息绑定在一个个人信息对象，生活爱好，个人兴趣等绑定在其他的对象），然后每个组件绑定依赖每个表单分好的独立的对象校验时，只校验这部分对象区域里的的字段，而不影响其他字段。 优化性能 联动上： 细腻度触发： 比如触发表单a值， 会去触发检查所有表单字段。 所以我们可以监听单个字段，去影响某些需要关联的字段。而不动表单里其他字段的值。 也就是监听的字段变化，触发某个封装的独立小表单里面的字段进行联动变化。 比如更新省份，城市就要联动变化更新。 然后在联动上，比如省份的修改逻辑里面 ， 我们不是需要触发 城市该字段进行更新吗， 那我们 就需要解耦， 就是谁的数据谁来修改， 我们省份的修改逻辑里只是发通知， 然后城市接收通知触发逻辑修改b的字段内容。 可以用事件总线用订阅和发布来做。 性能优化： 虚拟滚动，只加载视口里面的真实dom ，没有往下看，就不加载下面的Dom元素。 分层校验（拆分组件）