vue踩坑记录,巨坑巨坑巨坑 记录一下以防下次遇到

工作中遇到的vue相关的坑的记录,方便自己以后的查看,找原因

  1. computed 血坑啊,今天项目发到测试环境 准备上测试 下面代码有问题么? image.png image.png 结果页面直接卡死了

当resetAcl发生变化的时候 从走这个computed this.baseFilterData.unit变成空 然后这个对象发生变化 因为computed的机制 导致 computed重走 导致又执行了commit 导致死循环

  1. 组件内的值发生变化 因为vue是按照文档碎片 全部的组件内拿出来 然后 更新完数据在放入document中,导致同一个组件内html中如果有更新值的操作 然后 html存在方法 这个方法会一直执行 只要这个值发生变更 image.png 不仅仅是方法 整个页面都会 重新执行

将可能需要用到方法的代码抽出去 当成另外一个组件

vue踩坑记录,巨坑巨坑巨坑 记录一下以防下次遇到的相似文章

案例+图解带你一文读懂Canvas🔥🔥(2W+字)分析巧用 -webkit-box-reflect 倒影实现各类动效分析web代码编辑器有哪些,WEB代码编辑器哪家强分析css滚动条样式代码,实现一个渐变的滚动条分析一些有趣的 JavaScript 和 CSS 库分析个人 echarts踩坑记录分析毛玻璃特效,backdrop-filter,让你的网站熠熠生”毛’分析浅谈前端的状态管理分析波浪形动画效果,波浪动画很常见,但这个波浪组件绝对不常见分析