深海 深海
首页
  • 随手笔录
  • 电影
  • 音乐
  • 书籍
汇总
面试
  • 开发工具
  • VScode插件
  • Git
  • Mac时代
  • 前端工具
  • Chrome
  • HTML
  • CSS
  • Javascript
  • Typescript
  • Axios
  • 框架

    • Vue
    • uni-app
  • Nginx
  • Linuk
事例
关于

深海

人生如逆旅,我亦是行人
首页
  • 随手笔录
  • 电影
  • 音乐
  • 书籍
汇总
面试
  • 开发工具
  • VScode插件
  • Git
  • Mac时代
  • 前端工具
  • Chrome
  • HTML
  • CSS
  • Javascript
  • Typescript
  • Axios
  • 框架

    • Vue
    • uni-app
  • Nginx
  • Linuk
事例
关于
  • HTML
  • CSS的奥秘

  • JavaScript

  • TypeScript

  • Vue

    • 介绍
    • 基础
    • Vuex
    • Vue-Router
    • Vue-CLI
    • Vue3
    • 项目搭建
    • Vue3

      • 生命周期
      • 组件通信
      • 路由
      • Vue-CLI
      • 常见问题
  • uni-app

  • 前端
  • Vue
  • Vue3
深海
2022-11-07

生命周期

new vue()     //这是new了一个vue的实例对象;此时就会进入组件的创建过程。
beforeCreate  //在实例初始化之后,数据观测(data observer) 和 event/watcher 事件配置之前被调用
created       //在实例创建完成后被立即调用, 注意挂载阶段还没开始,节点未生成到dom树
beforeMount   //在挂载开始之前被调用:相关的 render 函数首次被调用。
mounted       //页面加载完成之后执行,注意加载完成不是完全渲染
beforeUpdate  //数据更新时调用
updated       //当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。
beforeDestroy //实例销毁之前调用。在这一步,实例仍然完全可用
destroyed     //实例销毁后调用。当切换show的值隐藏组件后触发destroyed生命周期函数
1
2
3
4
5
6
7
8
9
#Vue生命周期
上次更新: 2024/10/09, 16:59:47
项目搭建
组件通信

← 项目搭建 组件通信→

最近更新
01
TypeScript是什么
06-15
02
项目搭建
05-21
03
Prettier
02-27
更多文章>
Theme by Vdoing | Copyright © 2022-2025 京ICP备2020044002号-4 京公网安备11010502056618号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式