vue生命周期

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( ){   }

　　　　

 

什么时候使用钩子函数？

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

 

 

 

　　

 

转载于:https://www.cnblogs.com/javascript9527/p/11332432.html