《基础概念篇》生命周期

生命周期

Vue.js 是一个JavaScript框架,通过使用Vue实例来创建和管理Web应用程序。Vue实例具有一系列的生命周期钩子函数,它们在Vue实例的不同阶段被调用,允许您在不同阶段执行特定的操作。

以下是Vue生命周期的不同阶段和对应的钩子函数:

  • 创建阶段(Creation)
    beforeCreate:在实例被创建之前被调用,此时实例的属性和方法还未初始化。
    created:在实例创建完毕后被调用,此时实例已经具有响应式的数据,但DOM尚未生成。

  • 载入阶段(Mounting)
    beforeMount:在DOM挂载之前被调用,此时模板已经编译完成,但尚未挂载到页面。
    mounted:在DOM挂载完成后被调用,此时实例已经挂载到页面上,可以进行DOM操作。

  • 更新阶段(Updating)
    beforeUpdate:在数据更新之前被调用,此时可以对数据进行修改。
    updated:在数据更新之后被调用,此时DOM已经重新渲染。

  • 销毁阶段(Destruction)
    beforeDestroy:在实例销毁之前被调用,可以在销毁前做一些清理工作。
    destroyed:在实例销毁之后被调用,此时实例及其相关的DOM已经被清理。

这些生命周期钩子函数可以被用来监听和操作Vue实例在不同阶段的行为,使您能够在适当的时机进行操作和逻辑处理。

posted @ 2024-01-16 10:05  Fusio  阅读(6)  评论(0编辑  收藏  举报