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,
        }
    ]
})
复制代码