vue路由懶加載

vue 路由寫法方式

1. 常見(性能通常)

import Index from "@/components/index"
    const router = new Router({
        routes: [
            {
            path: '/',
            name: 'Index'
            component: Index,
            }
        ]
    })
複製代碼

2. 性能有優化

const Index = (resolve) => {
  import('@/components/index').then((module) => {
    resolve(module);
  });
};
const router = new Router({
    routes: [
        {
        path: '/',
        name: 'Index'
        component: Index,
        }
    ]
})
複製代碼

3. 路由懶加載(性能較優，推薦使用)

const index = require('@/components/index');
const Index = resolve => require.ensure([], () => resolve(index), 'list');
const router = new Router({
    routes: [
        {
        path: '/',
        name: 'Index'
        component: Index,
        }
    ]
})
複製代碼