天天看点

生命周期

vue生命周期

  1、beforecreate  拿不到data数据和methods方法,一般用于重定向

  2、created  能拿到data数据和methods方法,一般用于接口请求数据初始化

  3、beforemount  dom元素渲染前,此时页面数据尚未渲染

  4、mounted  dom元素渲染完毕,一些依靠dom的操作在此进行,例如swiper echarts

  5、beforeupdate  页面更新前 (执行0次或多次)

  6、updated  页面元素更新后 (执行0次或多次)

  7、beforedestroy  销毁前,一般用于清除计时器,事件监听,属性监听

  8、destroyed  销毁后

从vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!

每个 vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 dom 并在数据变化时更新 dom 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。

生命周期函数=生命周期事件=生命周期钩子

生命周期