当定义为lambda时，路由的默认vue-cli延迟加载代码不起作用

当将路由定义为lambda时，路由的默认vue-cli延迟加载代码不起作用的原因是lambda表达式在编译时会被立即执行，而不会延迟加载。这意味着无论路由是否被调用，与之相关的代码都会在应用启动时加载和执行。

为了解决这个问题，可以使用Vue Router提供的动态导入功能来实现延迟加载。动态导入允许在需要时按需加载路由组件，提高应用的性能和加载速度。

在Vue Router中，可以使用import函数结合webpack的代码分割功能来实现动态导入。具体步骤如下：

1. 在路由定义中，将路由组件的import语句替换为使用import函数动态导入组件的方式。例如：

const Home = () => import('@/views/Home.vue');

1. 配置webpack的代码分割，确保路由组件会被单独打包成独立的文件。在webpack配置文件中，可以使用splitChunks来进行代码分割。例如：

module.exports = {
  // ...
  optimization: {
    splitChunks: {
      chunks: 'all',
    },
  },
};

这样做之后，当路由被触发时，对应的组件才会被动态加载和渲染，实现了延迟加载的效果。同时，也能有效减小初始加载的文件大小，提高应用的性能和用户体验。

推荐的腾讯云相关产品：腾讯云对象存储（COS）。

腾讯云对象存储（COS）是一种存储海量文件的分布式存储服务，提供高可用、低成本的存储方案。它适用于存储任意类型的文件，可以满足各种场景下的存储需求。腾讯云COS具有高可靠性、高扩展性和高性能的特点，可以灵活应对不同规模的业务需求。

产品介绍链接地址：腾讯云对象存储（COS）