vue-router数据获取

有时进入路由之后需要从服务器获取数据。例如在渲染用户信息时，需要从服务器获取用户数据。

我们可以有两种方法来实现：

一种是导航完成之后获取，一种是导航之前获取。
先完成导航的，需要在接下来的组件生命周期钩子中获取数据，在数据获取期间显示【加载中】之类的提示。
导航完成之前获取数据的，在路由进入的守卫获取数据，数据获取完了再完成导航。

导航完成后获取数据

在组件的created钩子中获取数据。这让我们有机会在数据获取期间展示一个loading状态，还可以在不同视图间展示不同的loading状态。

<template>
    <div class="post">
     <div class="loading" v-if="loading">loading...</div>
     <div v-if="error" class=