Vue的生命周期钩子函数

1、beforeCreate():组件实例刚刚被创建 (el和data并未初始化)

2、created():组件创建完成,属性已绑定,但DOM还未生成,$el属性还不存在 (完成data数据的初始化),: 实例已经创建完成之后调用,在这一步,实例已经完成数据观测, 属性和方法的运算, watch/event事件回调. 然而, 挂载阶段还没有开始, $el属性目前还不可见。

3、beforeMount():模板编译/挂载之前 (完成了el和data初始化)

4、Mounted():模板编译/挂载之后 (完成挂载),el被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个 文档内元素,当 mounted 被调用时 vm.$el 也在文档内。

5、beforeUpdate():组件更新之前

6、updated():组件更新之后

7、beforedestroy():组件销毁之前

8、destroyed():组件销毁之后,

9、activated: keep-alive组件激活时调用

猜你喜欢

转载自www.cnblogs.com/yuezengxu/p/10086570.html