请问 vue-router的这种写法与传统写法区别在哪

Question

{
        path: '/display_config',
        name: 'display_config',
        component: () => import( /* webpackChunkName: "about" */ '../views/config/display_config.vue')
    },

应该用哪一种方案

Answer 1

这种好啊，路由懒加载，当你点击跳转到这个页面的时候才加载这个页面的数据，优化了首屏加载速度。

Answer 2

看项目情况呀，懒加载确实优化了首屏的加载速度，但是切换路由的时候明显有个加载卡顿。
如果看中首屏的加载速度可以用这种写法