# 问题描述： 页面菜单都是通过接口动态加载，component采用懒加载方式引入，首次进入页面加载很快，但是点击菜单切换页面时，会卡顿3~5秒钟。 # 问题原因 ### 原因1： 标签栏导航中使用watch监听整个useRouter()引发浏览器页面卡死。屏蔽掉发现问题解决！ ### 主要原因： 标签页导航数据存储到store中， 期初设计的时候， tabs 每项标签页数据存储route信息，就是这一句导致切页卡顿 route: _.cloneDeep(route) ``` /** 切换标签页 */ const switchTab = (route: RouteLocationNormalizedLoaded) => { state.activeKey = route.fullPath; const index = state.tabs.findIndex((tab) => tab.path === route.fullPath); if (index === -1) state.tabs.push({ path: route.fullPath, title: route.meta?.title as string, route: _.cloneDeep(route), // 导致切页卡顿原因！！ }); }; ```