vue路由切换，渲染慢，菜单卡

Question

从监测切换到配置页的时候，由于配置页面数据大，渲染慢，会导致出现两个菜单都是选中的现象，很卡，一会儿才能恢复，是否可以优化呢，还请高手指点

Answer 1

你打包之后测试过么，打包之后没问题就可以。如果这是在dev环境卡那是正常的，因为所有的东西都存在你的内存中，肯定会卡。

Answer 2

你的样式是在回调里面设置的吗？

Answer 3

我觉得可能是没有合理使用好vue-router的linkActiveClass配置

Answer 4

首先如果使用了代码分割，即每个路由对应一个js文件，则往下看。否则忽略答案。

如果使用了代码分割技术：
很可能是请求过多导致的，chrome 同一个域名下，最多同时只能处理6个请求。
如果恰好在你切换路由的时候仍然有6个或以上的请求在等待（浏览器上是pending状态），那么则切换很卡，必须请求释放到6个以内才会顺畅。

不同浏览器同一个域名下同时处理最大请求数：
Firefox 2: 2
Firefox 3+: 6
Opera 9.26: 4
Opera 12: 6
Safari 3: 4
Safari 5: 6
IE 7: 2
IE 8: 6
IE 10: 8
Chrome: 6

Answer 5

加个keep-alive试一下吧

Answer 6

我也出现这个问题，不知道你解决了没有，我刚开始以为菜单插件的问题，然后换成其他菜单栏也一样缓慢，不能马上切换。请求过来的数据并不大，应该是陷入某种循环消耗内存的可能。