异步组件：
什么叫异步呢？
就是我们的路由，如果在非常多的情况下，如果一次性通过 webpack 把所有的代码打包进去，会导致我们这个 js 文件变的非常的大。
那么初始加载的时候，时间就会非常的久。
而且，我们在访问对应页面的时候，我们把其他页面的 js 代码也全部加载过来了，这明显是一种比较浪费的行为。
那这种时候，我们如果可以对应不同的路由，只加载对应这部分的代码和我们整个核心的代码。
而对应页面的代码，我们到下一次真正访问的时候再去加载，那么这种时候，我们的应用会不会更好一点呢？
那么怎么做呢？我们可以通过 vue-router 跟 webpack，可以非常方便的去使用异步组件的一个行为。
方法一：import
方法二：resolve
首先，我们进入默认的路由 localhost:8080。
由于有 redirect 到 hello，但 Hello 组件我们设置了 /hello/:id，所以它匹配不到，所以就没加载和显示了。
然后我们可以看到，他只加载了 app.js
当我们点击 hello 123 时，这个 1.js 就是 Hello 组件。
我们再点击 login 时，又加载了 Login 组件。
这就是一个异步路由的配置，而且相当的简单，我们用起来也没有什么需要去更新的代码。
它带给我们的好处也非常的多，就是让我们在首屏加载的时候，速度会变的更快。
