今天遇到了一个百思不得其解的bug,vue的页面会多次调用同一个请求,每个页面调用的次数还不一样,有的调用三次,有的五次,甚至有一个调用了十二次,已经严重影响性能了。第一时间肯定是想大概率请求写到循环里了。然而检查了源码发现并没有。然后考虑是不是页面里的组件触发了请求事件。然而这个页面里根本没有引用组件。请求事件只是写在了mounted里,打印了一下,发现mounted也被多次触发。这冲击了我这个萌新小白的认知,不是明明说好mounted只能触发一次的咩!?只好继续查资料看代码,终于发现了问题所在:
原来是把父页面的router-view写到了循环的导航里,导致导航有多少条,页面就加载了多少次
【vue|vue多次调用生命周期 mounted 多次重复请求 解决方案】解决方案也是real简单,只需要把router-view拿出来就没问题了
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- 前端开发|Vue2.x API 学习
- JS/JavaScript|JS/JavaScript CRC8多项式 16进制
- vue|Vue面试常用详细总结
- JS|VUE学习笔记[30-46]
- vue|电商后台管理系统(vue+python|node.js)
- 腾讯TEG实习|腾讯实习——Vue解决跨域请求
- 地图|高德地图清除指定覆盖物 自定义覆盖物样式(完整dome)