vue的生命周期
vue官网生命周期图:
vue的生命周期有:
created
数据已经初始化完成,方法可以调用,DOM还未渲染时实例加载.
beforeMount
数据初始化完成,DOM还没挂载,数据的双向绑定还是显示{{}},因为Vue采用虚拟DOM技术.先占住位置.
mounted
数据和DOM完成挂在,在上一个周期占位的数据把值渲染进去.这个周期适合执行初始化需要操作DOM的方法.
beforUpdate
只要是页面数据改变了都会触发,数据更新之前触发,页面数据还是原来的数据,当你请求赋值一个数据的时候会执行这个周期,如果没有数据改变不执行
updated
只要是页面数据改变了都会触发,数据更新完毕之后才触发.
beforeDestroy
这个周期是在组件销毁之前执行
Destroyed
当我们离开这个页面的时候,便会调用这个函数,常用来销毁一些监听事件及定时函数