前端开发遇见的典型案例

框架： vue 情景：有一个按钮，三个输入框，名字，年龄，性别， 按键开启展示名字，年龄， 关闭展示名字性别。进行表单校验

校验之后，切换案件的开启与关闭，发现之前触发的校验规则存在残留，年龄的校验规则残留了

原因：vue的diff算法，在没有加key的情况下vue尽量进行页面的复用，当加key的时候vue就会对当前节点进行强制刷新，这个问题就不存在了。