Vue组件的生命周期

生命周期

生命周期是一个组件从创建——>运行——>销毁的整个阶段,强调一个时间段

生命周期函数

是由vue框架提供的内置函数,会伴随着组件的生命周期自动按次序执行

组件创建阶段(创建前,创建后,渲染前,渲染后)

 - befoCreate之前:props,data,method都不可用 	
 - created:可用数据(在这个阶段发起ajax请求拿数据,不能操作DOM)
 - befoMout:将要把内存中编译好的HTML结构渲染到浏览器中,还没有当前组件的DOM结构(不能操作DOM)
 - mounted:已经把内存中的HTML结构成功的渲染到了浏览器内存之中,此时浏览器中已
 包含了当前组件的DOM结构(DOM结构已渲染成功,组件已创建完成)

组件创建阶段的生命周期

组件运行阶段(更改前—>更改后)

  • 要得到最新的dom元素,必须在updated函数里面操作元素

在这里插入图片描述
组件销毁阶段(销毁前/销毁后)
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值