关于Vue的生命周期函数

生命周期就是一个实例从创建到销毁的过程就是生命周期
从开始创建,初始化数据、编译模板、挂载DOM=》渲染,更新渲染到最后销毁的一系列过程

Vue的生命周期分为三个阶段:初始化阶段、进行中阶段、销毁阶段
beforeCreate:此钩子函数不能获取数据,dom元素也没有被渲染出来,这个钩子函数一般没什么用处
Created:数据已经挂载,但是dom节点还没有被渲染出啦,可以用来请求数据,在这个钩子函数里更改数据的话,不会影响运行中的钩子函数的执行,可以用来发送ajax(异步请求),也可以做一些初始化的相关操作

beforemount:这个钩子函数代表dom元素马上就要被渲染出来了,但是还没有真正的渲染出来,跟created一样,可以做一些初始化的操作。
mounted:数据已经加载完毕,真实dom也获取到了
beforeUpdate:当数据更改的时候才会执行。这个钩子函数拿到的是更新之前的数据,在这个钩子函数里面,千万不能更改数据,会造成死循环。
updated:这个钩子函数获取到的是更新之后的数据。生成新的虚拟dom,跟上一次的虚拟dom做对比,比较出差异,然后渲染真实的dom。当数据引发dom重新渲染的时候,在updated钩子函数里面就可以获取最新的真实dom
beforeDestroy:(销毁前)在这个钩子函数里面,我们可以做一些善后的操作
destoryed:组件的双向数据绑定,事件监听都被移除了,但是真实的dom结构还是存在的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值