Vue生命周期函数总结
学习Vue怎么能不知道它的生命周期呢,方便后面查阅特此记录下。
因为图上空白处太少,在这里记录运行时生命周期。运行时生命周期有两个函数:
beforeUpdate:
数据发生改变的时候触发,这个数据改变是data中的数据发生改变,不是页面上显示的数据改变,因为data中的数据改变到页面显示改变的结果之间还有vueModel的渲染。因此当数据发生改变的时候,在这个方法里可以得到data中最新的数据,但是从页面上得到相应数据还是之前的。
updated:
这个方法执行到的时候,data中最新的数据已经渲染到页面了,数据已经同步了。
在beforeUpdate和updated之间执行的是内存中虚拟dom挂载到页面。
销毁生命周期:
beforeDestroy:
准备销毁前的会执行的方法,但是执行的时候data数据,method方法以及一些过滤器,指令等都是可用的。
destroyed:
执行到这的时候,data数据,method方法以及一些过滤器,指令等都是可用的