Vue生命周期

本文详细介绍了Vue组件的生命周期,包括创建、挂载、更新和销毁四个阶段。在创建阶段,重点讨论了created和beforeCreate钩子;挂载阶段涉及beforeMount和mounted;更新阶段关注beforeUpdate和updated;销毁阶段提到了beforeDestroy和destroyed。每个阶段的作用、相关钩子函数及其执行顺序都有清晰阐述,并举例说明何时能获取真实DOM。
摘要由CSDN通过智能技术生成

人是有生命的,也是有周期这一个说法的婴儿 =>少年=>青年=>中年=>老年=>黄土

Vue也是有周期这一个说法的  它分为 创建=>挂载=>更新=>销毁

 Vue - 钩子函数

Vue 框架内置函数,随着组件的生命周期阶段,自动执行

组件创建完毕后,可以在created 生命周期函数中发起Ajax 请求,从而初始化 data 数据

阶段 方法名 方法名
初始化 beforeCreate created
挂载 beforeMount mounted
更新 beforeUpdate updated
销毁 beforeDestroy destroyed

Vue 的官网文档  

下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。

  1. 如何知道Vue生命周期到达了什么阶段?

     使用钩子函数
  2. 钩子函数有哪些?

     初始化/ 挂载/ 更新/ 销毁

Vue-初始化阶段

含义讲解:

1.new Vue() – Vue实例化(组件也是一个小的Vue实例)

2.Init Events & Lifecycle – 初始化事件和生命周期函数

3.beforeCreate – 生命周期钩子函数被执行

4.Init injections&reactivity – Vue内部添加data和methods等

5.created – 生命周期钩子函数被执行, 实例创建

6.接下来是编译模板阶段 –开始分析

7.Has el option? – 是否有el选项 – 检查要

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值