vue-router之路由懶加載（九）

1、路由正常模式：

// 1、先引入頁面組件import Home from '@/components/Home'// 2、使用組件
    {
        path: '/home',
        component: Home}

2、懶加載模式

大項目中，爲了提高初始化頁面的效率，路由一般使用懶加載模式，一共三種實現方式。
（1）第一種寫法：

component: (resolve) => require(['@/components/One'], resolve)

（2）第二種寫法：

component: () => import('@/components/Two')

（3）第三種寫法：

components: r => require.ensure([], () => r(require('@/components/Three')), 'group-home')

PS：

• 一般常用第二種簡寫

• 第三種中，’group-home’是把組件按組分塊打包, 可以將多個組件放入這個組中，在打包的時候Webpack會將相同 chunk 下的所有異步模塊打包到一個異步塊裏面。