关于路由跳转后数据加载时间过长问题

Question

vue项目，在进行router.push({ path: 'dic' })的时候，dic页面再mounted中需要加载较多数据，耗时较长。执行路由跳转的时候，给人的感觉是先进行数据加载（在原来页面停留了一两秒）之后再跳到dic页面，但正常不应该是先到dic页面再进行数据加载吗？有点疑惑

Answer 1

https://router.vuejs.org/zh/g...

Answer 2

先打开性能追踪看看吧 performance

Answer 3

确实是这样，先加载了方法，路由还未执行，你可以试试这样：
把复杂的数据加载封装成组件，然后异步引入组件，就会先加载路由(页面先跳转)，然后再异步加载数据,下面为异步组件引入

components: {
        'data': () => import('../../components/public/data.vue')
      },