vue-cli 3.0的事件执行顺序问题

App.vue

async mounted() {
  try {
    console.log("登陆");
    await im.webimLogin();
    console.log("App.vue 登陆成功");
  } catch (e) {
    console.log(e);
  }
},

嵌套路由:Inner.vue

mounted() {
  console.log("Inner.vue 登陆成功");
}

im.webimLogin 返回一个Promise对象,调用了登陆接口

控制台打印顺序

clipboard.png

登陆
Inner.vue 登陆成功
App.vue 登陆成功

根据事件循环机制

从JS事件循环(Event Loop)机制到vue.nextTick的实现 - nawussika

为何输出结果不是

登陆
App.vue 登陆成功
Inner.vue 登陆成功
阅读 2.5k
1 个回答

我咋觉得应该是:
Inner.vue 登陆成功
登陆
App.vue 登陆成功

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题