详解vue中async-await的使用误区

曾经见过为了让钩子函数的异步代码可以同步执行，而对钩子函数使用async/await，就好像下面的代码：exp-01 的代码最后会输出：。此时事件轮询登场，其实并非此时才登场，而是一直都在！“事件轮询”这个机制会以一定的周期检测任务队列有没有可执行的任务，有即出队执行。那么实际表现就是callback02会先于callback01执行！这里需要用到的路由守卫是： beforeRouterEnter ， 先看代码： 路由守卫 beforeRouterEnter ，触发这个钩子后，主线程都会阻塞，页面会一直保持假死状态，直到在调用 beforeRouterEnter 的回调函数 next ，才会跳转路由进行新路由组件的渲染。看起这个解决方案相当适合上面我们提出的需求，在调用 next 前，就可以去拉取数据！当然，我们知道阻塞主线程怎么都是阻塞了，loading只是一种自欺欺人式的优化！