Vue2的生命周期包括以下8个阶段:

  1. beforeCreate:在实例创建之前调用,此时还未初始化数据和事件。

  2. created:实例创建之后调用,此时已经完成了数据的初始化,但还未挂载到页面上。

  3. beforeMount:在挂载之前调用,此时已经完成了模板编译,但还未替换页面中的节点。

  4. mounted:挂载完成之后调用,此时实例已经挂载到页面上,可以访问到DOM元素。

  5. beforeUpdate:在数据更新之前调用,此时已经完成了数据响应式的处理,但还未重新渲染页面。

  6. updated:数据更新完成后调用,此时页面已经重新渲染,可以访问到更新后的DOM元素。

  7. activated:在keep-alive组件激活时调用。

  8. deactivated:在keep-alive组件停用时调用。

  9. beforeDestroy:在实例销毁之前调用,此时实例还未被销毁,可以访问到实例上的数据和方法。

  10. destroyed:实例销毁之后调用,此时实例已经被销毁,不能再访问到实例上的数据和方法。

vue2生命周期

原文地址: https://www.cveoy.top/t/topic/Njr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录