vue组件生命周期每个阶段的作用和是否挂载组件会不会影响钩子函数的执行

本文详细阐述了Vue组件的生命周期,包括初始化阶段的beforeCreate、created、beforeMount和mounted,更新阶段的beforeUpdate和updated,以及销毁阶段的beforeDestroy和destroyed。讨论了组件是否挂载对钩子函数执行的影响,指出未挂载组件时,与DOM相关的beforeMount和mounted不会执行。
摘要由CSDN通过智能技术生成

组件生命周期中每个阶段都完成了哪些事情?

组件声明周期中有8个核心的钩子函数,分为初始化阶段,更新阶段和销毁阶段

1.初始化阶段:

(1)beforeCreate :    主要是初始化事件和声明周期

这个阶段还不能操作真实dom,也不能发送数据请求赋值给data

(2) created:主要是初始化注入data和对data做响应式拦截

这个阶段可以发送数据请求然后赋值给data,但是还不能操作真实dom

(3)beforeMount:主要是通过render函数去生成虚拟dom

这个阶段只是生成了虚拟dom,还不能操作真实dom

(4) mounted:主要是挂载dom

这个阶段可以操作真实dom、可以发送数据请求赋值给data、第三方实例化,是用的比较多的一个钩子函数

2.更新阶段(组件数据发生了变化之后进行的阶段)

(1) beforeUpdate&#x

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值