Vue生命周期解析

  • beforeCreate: 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。此时,组件实例还没有被创建,无法访问到组件的数据和方法。

  • created: 在实例创建完成后被调用。此时,组件实例已经创建,可以访问到组件的数据和方法,但还没有挂载到 DOM 上。

  • beforeMount: 在组件挂载到 DOM 之前被调用。此时,模板已经编译完成,但还没有渲染到页面上。

  • mounted: 在组件挂载到 DOM 后被调用。此时,组件已经被渲染到页面上,可以进行 DOM 操作、请求数据等操作。

  • beforeUpdate: 在组件更新之前被调用。当组件的数据发生改变时,会触发重新渲染,但在重新渲染之前,会先调用 beforeUpdate 钩子函数。

  • updated: 在组件更新完成后被调用。此时,组件的数据已经更新,DOM 也已经重新渲染完成。

  • beforeDestroy: 在组件销毁之前被调用。可以在此时进行一些清理工作,如清除定时器、取消订阅等。

  • destroyed: 在组件销毁完成后被调用。此时,组件实例已经被销毁,不再可用。

相关推荐

  1. Vue生命周期

    2024-01-12 19:58:02       58 阅读
  2. Spring生命周期深度

    2024-01-12 19:58:02       29 阅读
  3. Spring之Bean生命周期源码

    2024-01-12 19:58:02       46 阅读
  4. Spring之Bean生命周期源码

    2024-01-12 19:58:02       34 阅读
  5. vue 生命周期

    2024-01-12 19:58:02       54 阅读
  6. Vue生命周期

    2024-01-12 19:58:02       63 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-12 19:58:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-12 19:58:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-12 19:58:02       82 阅读
  4. Python语言-面向对象

    2024-01-12 19:58:02       91 阅读

热门阅读

  1. triton教程1:前言、安装、跑官方例子与推荐视频

    2024-01-12 19:58:02       56 阅读
  2. 类加载机制详解

    2024-01-12 19:58:02       52 阅读
  3. 设计模式原理与分析

    2024-01-12 19:58:02       55 阅读
  4. Npm+BootStrap布局

    2024-01-12 19:58:02       57 阅读
  5. Gorm 数据库表迁移与表模型定义

    2024-01-12 19:58:02       46 阅读