1.10 生命周期的应用场景和函数式组件

一、生命周期

  1. 创建阶段(只执行一次)

    1. 初始化事件和生命周期

    2. beforeCreate函数

    3. 数据观测、属性、侦听器配置等

    4. created函数

    5. 模板编译到render

    6. beforeMount函数

    7. mounted函数,异步请求、操作DOM、定时器等

  2. 更新阶段(可执行多次)

    1. 依赖数据改变或$forceUpdate强制刷新

    2. beforeUpdate函数,移除已经添加的事件监听器等,不可以更改依赖数据

    3. updated函数,操作DOM添加时间监听器等,不可以更改依赖数据

  3. 销毁阶段(只执行一次)

    1. beforeDestory函数,移除已经添加的时间监听器,计时器等

    2. destroyed函数

二、函数式组件

  1. functional: true

  2. 无状态、无实例、没有this上下文、无生命周期

  3. 可以实现临时变量的作用,配合计算属性使用

Last updated