两种路由按需加载方案

726 阅读1分钟

路由按需加载方案,两种:

在router.js文件中修改路由,

  • 1、利用Promise语法实现路由按需加载方案,不用安装插件
  • 2、利用import语法实现路由按需加载方案,需要安装@babel/plugin-syntax-dynamic-import插件
执行命令行:
npm i @babel/plugin-syntax-dynamic-import --save
npm i babel-plugin-component --save

{
    path: '/product/:id',
    name: 'product',
    /*利用Promise语法实现路由按需加载方案,不用安装插件
    component: resolve => require(['./pages/product.vue'],resolve),
    */
    
    //利用import语法实现路由按需加载方案,需要安装babel/plugin-syntax-dynamic-import插件
    component: () => import('./pages/product.vue')
}