vue生命周期函数

185 阅读1分钟

VUE的生命周期到底是什么

与其说是Vue的生命周期,我觉得不如说是其内组件的生命周期。 简单来说,它的生命周期就是用来描述一个组件从引入到退出的全过程。 那复杂来说呢?就是一个组件从创建开始经历了数据初始化挂载更新等步骤后,最后被销毁

VUE生命周期函数运行顺序是什么

000.jpg 这个图详细说明了VUE实例从创建到销毁的过程

生命周期的每个阶段适合做什么事情

created 在VUE实例创建完毕状态,这个时候我们可以去访问data、computed、watch、methods、上的方法和数据。一般在这个阶段,我们可以发送ajax,并可以对页面进行初始化之类的操作。

beforeMount 它是在挂载之前被调用的,会在此时找到虚拟的dom,并将其编译成render。

mounted 虚拟dom已经被挂载到真实的dom上,此时我们可以获取dom节点。$ref在此时也是可以访问的。

beforeupdate 响应式数据更新的时候会被调用,beforeupdate的阶段虚拟dom还没更新,所以在此时依旧可以访问现有的dom,我们可以在此时访问现有dom,手动移出一些添加的事件。

update 此时dom更新已经完毕,可以执行一些依赖dom的操作。

beforedestroy 在VUE实例销毁之前被调用,在此时我们的实例还未被销毁,我们可以在这里做一些操作,比如销毁定时器,解除全局事件等。