vue生命周期

Posted 2022-06-28 javascript9527

vue生命周期

什么是？

　　　　生命周期其实就是一个组件加载的过程。包括四个阶段，bage八个钩子函数。

四个阶段？

　　　　create　　mount　　update　　     destory

　　　　创建 　　  挂载   　　 更新   　　　　销毁

create ： 创建组件对象和模型数据对象data  。在创建阶段，不能执行DOM操作，比如：让元素获得焦点。

mount：  扫描页面构建虚拟DOM树，并首次绑定数据到页面指定位置。在挂载后，就可以执行DOM操作了。

update：  当模型被更改时，自动触发

destory：  当主动调用销毁方法销毁组件时自动触发

 

 

八个钩子函数？

　　  创建前  　　 beforeCreate ( )            

　　  创建后  　　 created ( )   有data ，没有虚拟DOM树   ， 但是可以发送 ajax 请求  　　　　　

 

　　  挂载前　　   beforeMount ( )            

　　  挂载后           Mounted( ) 既有data又有dom树，也可以发送ajax请求 　　　　

   

         更新前　　　beforeUpdate( )   　

　　  更新后           updated( )   

　　

　　  销毁前           beforeDestory() 

　　  销毁后           destory( )   

　　　　

 

什么时候使用钩子函数？

　　　　如果希望在生命周期的不同阶段自动执行一项任务，就要绑定生命周期钩子函数；