vue的相关执行钩子函数及父子组件钩子函数的执行顺序

Posted song-zmin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue的相关执行钩子函数及父子组件钩子函数的执行顺序相关的知识,希望对你有一定的参考价值。

技术图片

钩子函数及父子组件的执行顺序如上图所示,下面打印的mmm是在子组件当中用watch监听了一个数据变化后打印的

每一个vue示例都是先执行上面这几个函数,之后通过watch监听执行回调函数,

技术图片

上图中父组件的created函数是一个异步函数(函数内部有异步)但是并不影响created函数的执行顺序。

技术图片

第一个为异步函数前打印的,第二个为异步函数后打印的,

在js代码执行的时候,执行过程是单线程执行顺序,当遇到异步函数的时候,就先跳过异步函数继续执行同步函数,同步函数执行过后就会执行回调函数,

它的目的是不影响同步函数的执行,

 

以上是关于vue的相关执行钩子函数及父子组件钩子函数的执行顺序的主要内容,如果未能解决你的问题,请参考以下文章

vue父子组件钩子函数的执行顺序

vue3生命周期及生命周期函数(钩子函数)详解通俗易懂

18、 vue-router导航解析及钩子函数

vue 父子组件生命周期函数执行顺序

简单记录一下vue生命周期及 父组件和子组件生命周期钩子执行顺序

Vue-的父组件和子组件生命周期钩子函数执行顺序