vue-router实现路由懒加载（ 动态加载路由 ）的方式有哪些?

实现路由懒加载的方式有以下三种：

1. 使用ES2015的import()语法动态导入组件，例如：

const Foo = () => import('./Foo.vue');

2. 使用webpack的require.ensure()语法动态导入组件，例如：

const Foo = resolve => require.ensure([], () => resolve(require('./Foo.vue')), 'group-name');

3. 使用Vue提供的异步组件和webpack的code splitting功能，例如：

const Foo = () => import(/* webpackChunkName: "group-name" */ './Foo.vue');

其中，第一种方式是推荐的方式，它是ES6的语法，支持更好的静态分析和类型检查，而且可以很好地和webpack进行集成，实现更好的打包效果。第二种方式是在webpack 1.x版本中使用的语法，已经逐渐被淘汰。第三种方式是Vue官方文档推荐的方式，它可以在webpack中实现更好的代码分割和缓存，但需要注意webpack的配置。