vue的路由懒加载
Vue的路由懒加载主要有以下几种方式：
1. 使用ES中的import进行懒加载：这种方式是推荐的，也是最常用的。在路由配置中，使用import函数动态导入组件，这样只有在需要的时候才会加载该组件。例如，可以将`import HelloWorld from '@/components/HelloWorld'`替换为`const HelloWorld = () => import("@/components/HelloWorld")`。
2. 使用VUE中的异步组件进行懒加载：在路由配置中，使用resolve函数动态加载组件，例如，可以将`import HelloWorld from '@/components/HelloWorld'`替换为`component: resolve => { require(['@/components/HelloWorld'],resovle); }`。
3. 使用Webpack的require.ensure()：这种方式不怎么常用，它可以实现多个路由指定相同的chunkName，会打包成一个文件。例如，可以将`import HelloWorld from '@/components/HelloWorld'`替换为`const HelloWorld = r => require.ensure([], () => r(require('../views/HelloWorld')), 'Demo')`。
以上方式都可以实现按需加载，但是具体使用哪种方式需要根据项目的实际情况和需求来决定。
