Login
网站首页 > 文章中心 > 其它

vue3中缓存对多层路由不生效_vue三层路由nocache缓存无效

作者:小编 更新时间:2023-08-04 07:33:08 浏览量:188人看过

方法顷郑二:使用 include + beforeRouteLeave + vuex 与方法一相似,不同的地方在于,将需要缓存的组件保存到全局变量,可以在路由的钩子函数里灵活的控制哪些组件需要缓存,那些不需要缓存;跟方法一相比,不冲山需要每次再重新初始化数据,但是需要在vuex中保存数据;

vue3中缓存对多层路由不生效_vue三层路由nocache缓存无效-图1

1、在创建router实例的时候加上scrollBehavior方法

2、将需要缓存的组散乎中件加在include属性里

3、在store里加入需要缓存的的组件的变量名,和相应的方法;

4、在beforeRouteLeave钩子函数里控制需要缓存的组件

会卡顿.每个路由都需要进行匹配和解析,而多层嵌套的路由将导致匹配时间变长,从而影响应用程序的性能.

①.、懒加载路由:使用懒加载路由可以在需要时异步加载组件并分块打包,从而避免一次性加载所有组件,优化页面加载速度.

②.、合理划分路由:根早芦据业务需求合理链悔划分路由,避免无限制的添加子路由,尤其是对于大型项目而言.

③.、缓存组件:对于那些不经常发生变化的组件,应该启用缓存策略以避免重复渲染.

④.、使用动态路由:如果你需要创建许多相似的路由,则可以使用动态路由.动态路由可以根据参数生成路由.

⑤.、减少路由数量:减少路由数量是提高性能的另一个常见陆唤带方法.只添加必要的路由,并使用动态路由来避免不必要的路由.

以上就是土嘎嘎小编大虾米为大家整理的相关主题介绍,如果您觉得小编更新的文章只要能对粉丝们有用,就是我们最大的鼓励和动力,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章