关于vue生命周期中的同步异步的理解

时间:2022-05-31 22:50:50

在vue官网中介绍生命周期的图如下:

  关于vue生命周期中的同步异步的理解

        

主要测试代码如下: 主要是测试前四个生命周期beforeCreate,created,beforeMount,mounted,里面同步和异步的执行顺序,其它的类似。

  关于vue生命周期中的同步异步的理解

  

result:在控制台可以看到:

    关于vue生命周期中的同步异步的理解

  从上图可以看出生命周期都是同步的,异步都在生命周期之后执行。

  在看一段有意思的代码:

  关于vue生命周期中的同步异步的理解

  附上结果:

  关于vue生命周期中的同步异步的理解

  有兴趣的同学可以想想这是为什么?

  本节内容就到这里了,谢谢阅读!!

  

相关文章