1

我对 Vue 还是很陌生，并尝试在使用类样式组件的项目上实现延迟加载的路由。目前，组件是使用 Webpack 的动态导入为路由定义的，如下所示：

{
  path: '/dashboard',
  name: 'dashboard',
  component: function() {
    return import(
      /* webpackChunkName: "dashboard" */ '../components/content-views/content-main/ContentDashboard.vue'
    );
  },
},

但这似乎不起作用，因为使用空缓存加载应用程序会预先下载所有块，从而产生巨大的应用程序文件。阅读文档，看起来我需要通过返回一个与组件解析的 Promise 来将类组件定义为异步。但是，老实说，我不确定作为类定义的组件是否可能，而不是典型的基于对象的组件。文档没有提到这vue-class-component一点，但我想知道是否有某种替代语法可以实现这一点，或者我是否遗漏了其他东西。

任何帮助表示赞赏！

4

2 回答 2

-1

正如 MaBbKhawaja 所说，

path: "/",
    name: "index",
    component: () =>
        import("../views/Index.vue")

你也可以像这样分配chunkName

path: "/",
    name: "index",
    component: () =>
        import(/* webpackChunkName: "Home" */ "../views/Index.vue")

文档给出了更好的解释

于 2020-10-12T19:54:20.993 回答
-1

这就是在 vuejs 中使用惰性路由的方法

path: "/",
    name: "index",
    component: () =>
        import("../views/Index.vue")
于 2020-10-12T05:55:18.910 回答