Vue笔记 — Vue生命周期

1. 组件创建阶段的4个钩子函数

1.1  beforeCreate()

    实例被完全创建之前执行

 

1.2  create()

    此时date和methods 已经初始化完毕

 

1.3  beforeMount()

    模板在内存中创建完成，但是没有渲染到页面中

 

1.4  mounted()

    内存中的页面已经挂载到页面，此时页面渲染完毕  

 

2. 组件运行阶段的2个钩子函数

2.1  beforeUpdate()

    数据已经更新，界面没有更新

 

2.2  updated()

    页面和data数据已经同步，已经是最新数据

 

3. 组件销毁阶段的2个钩子函数

3.1  beforeDestory()

    实例从运行阶段进入销毁阶段（data，methods，过滤器，指令...都处于可用状态，还没有真正执行销毁过程）

 

3.2  destoryed()

    组件实例被彻底销毁