vue路由懶加載辦法

前言

像vue這種（spy）單頁面應用，如果沒有使用到懶加載，webpack打包的文件過大，造成進入首頁時，加載的資源過多，時間過長，即使做了loading也不利於用戶體驗，而運用懶加載可以將頁面進行劃分，需要的時候加載頁面，可以有效的分擔首頁所承擔的加載壓力，減少首頁加載事件，簡單來說就是進入首頁不用一次加載過多資源造成時間過長.

方法如下:

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const routes = [
  // 設置聊天列表頁面爲首頁
  {
    path: '/',
    redirect: {
      name: 'session'
    }
  },
  // 最近消息列表（會話）
  {
    path: '/session',
    name: 'session',
    component (resolve) {//懶加載方式
      require(['../pages/Session'], resolve)
    }
  },