Vue生命周期函数总结

学习Vue怎么能不知道它的生命周期呢,方便后面查阅特此记录下。

因为图上空白处太少,在这里记录运行时生命周期。运行时生命周期有两个函数:

beforeUpdate:

 数据发生改变的时候触发,这个数据改变是data中的数据发生改变,不是页面上显示的数据改变,因为data中的数据改变到页面显示改变的结果之间还有vueModel的渲染。因此当数据发生改变的时候,在这个方法里可以得到data中最新的数据,但是从页面上得到相应数据还是之前的。

 

updated:

这个方法执行到的时候,data中最新的数据已经渲染到页面了,数据已经同步了。

beforeUpdate和updated之间执行的是内存中虚拟dom挂载到页面。

销毁生命周期:

beforeDestroy:   

准备销毁前的会执行的方法,但是执行的时候data数据,method方法以及一些过滤器,指令等都是可用的。

destroyed:

执行到这的时候data数据,method方法以及一些过滤器,指令等都是可用的

Vue生命周期函数总结