async和await在生命周期中为什么没起作用？

Question

我想等created结束再执行mounted所以用了async和await但是发现这样好像没有起作用这是为什么？created(){this.test()},mounted(){console.log(2)},methods:{test2(){returnnewPromise((resolve,reject)=>{setTimeout(()=>{console.log(1)resolve()},200)})},asynctest(){awaitthis.test2()}}

Answer 1

mounted本来就是在created结束之后执行的。
async函数不会中断JavaScript的执行，而是将await的函数放入任务队列中。
mounted中console.log(2)是同步的，会先被执行（具体需要了解任务队列和Vue生命周期）
如果你要确保console.log(2)要在之后执行，建议你在mounted或created中用this.test().then(()=>console.log(2))
                            

Answer 2

按照我的理解，asyn函数的外部调用asyn函数的时候，不会被其内部的await阻塞，也就是说created方法不会因为test内部的await而等待，created早就执行完了，test内部还在await没有返回，created应该用then去接收test的返回值undefined。
你应该是想用await来阻塞javascript执行，其实这是行不通的，await其实不会阻塞任何（非asyn）方法执行，本质上await也不能阻塞asyn函数的执行。created不是asyn函数，不可能等待或者阻塞。