vue项目里main.js的异步问题

Question

vue项目，我在main.js的mounted里有一些异步操作，路由也是异步加载的。比如我在main.js里设置了一个延时3s的settimeout，在访问某个子路由页面时，我希望执行完main.js的mounted中的所有操作（包括延时3s啦、请求接口啦等等异步操作）之后，再去执行对应的vue文件的mounted方法。这个应该怎么做呢？

Answer 1

可以用router路由的beforeEach钩子函数

const router = new Router({
    // ...
});

router.beforeEach((to, from, next) => {
    setTimeout(() => {
        // ...
        next();
    }, 3000);

    // ajax在成功回调中同理
    axios
        .get(url)
        .then(() => {
            // ...
            next();
        });
});