vue中先加载数据后加载页面

问题：进入主页面时，希望右上角显示登陆信息，但总是在页面加载完后拿到数据

解决：保证先拿到数据利用路由守卫

import router from "./router"; // router.js路径
import NProgress from "nprogress"; // 插件包里的进度条

router.beforEach((to, from, next) => {
    NProgress.start();
    if (数据不存在) {
        // 获取数据
    }
});
router.afterEach(() => {
    NProgress.done(); // 结束进度条
});