vue 初始化項目未完成時 跳轉路由延遲問題 頁面切換過慢 (路由懶加載引起的問題)

由於項目過大，所以使用了路由懶加載，每次第一次切換路由的時候，都要去加載相應的組件（js文件），需要等文件加載完之后，路由才能切換過去；（非首次切換的路由就沒有這個問題）

我碰到的問題是：前提： 項目初始化的時候，默認路由是首頁，我剛進入頁面的時候加載的是首頁的js和其他數據（好處：白屏時間短些），其他頁面都是路由懶加載的，所以我只要是不切換到相應的路由，路由所對應的文件就不會被加載

過程：我進入首頁后，由於首頁數據過多 ，我的首頁上的登錄按鈕刷新出來后，我立馬點擊按鈕，發現並沒有反應（此時還是在加載首頁的數據），要一直等到首頁的數據加載完成了，才會接着加載登錄頁面的數據文件，加載完成了才進行跳轉，等待的時間有點久

解決：我登錄頁面的路由不寫成懶加載模式 （直接引用，不使用懶加載（不異步加載））

import Vue from "vue";
import Router from "vue-router";
import loginPage from '@/components/page/Login/Login.vue'

Vue.use(Router);

const VueRouterPush = Router.prototype.push;
Router.prototype.push = function push(to) {
  return VueRouterPush.call(this, to).catch(err => err);
};

export default new Router({
  // mode: 'history',
  routes: [
    {
      path: "/",
      redirect: "/home",
      name: "home"
    },
    {
      path: "/login",
      name: "login",
      // component: () => import("../components/page/Login/Login.vue")
      component: loginPage
    },
    {
      path: "/register",
      name: "register",
      component: () => import("../components/page/register/register.vue")
    },
    {
      path: "/home",
      name: "home",
      component: () => import("../components/page/home/home.vue")
    },

……………………