Vue——生命周期

2021-11-24  本文已影响0人  云瑶糖糖

好看的网页千篇一律,有趣的代码万里挑一。

今天看看什么是Vue生命周期?

生命周期就是指一个对象的生老病死。 可以类比人的成长,人从出生到死亡,要经历很多时期,如童年、少年、青年、中年、老年等,同理Vue实例也有类似的周期。



什么是Vue生命周期?

首先,认识一下实例的生命周期。所谓“生命周期”,是指实例对象从构造函数开始执行(被创建)到被GC(Garbage Collection,垃圾回收)回收销毁的整个存在时期,在生命周期中被自动调用的函数叫作生命周期函数,也被形象地成为生命周期钩子函数。

设定生命周期钩子函数的用途是什么?

在实例对象从创建到被回收的整个过程中,不同的时期会有不同的钩子函数,可以利用不同时期的钩子函数去完成不同的操作。例如需要在某个时期去获取后台数据、在某个时期去更新数据等。利用生命周期钩子函数可以精准定位到某个时期去完成一些特定的事情。

八大件:

beforeCreate(创建前):组件实例刚被创建,组件属性计算之前,比如data属性等。

created(创建后):组件实例刚创建完成,属性已经绑定,此时DOM还未生成,$le属性还不存在。

beforeMount(载入前):模板编译、挂载之前

mounted(载入后):模板编译、挂载之后

beforeUpdate(更新前):组件更新之前

updated(更新后):组件更新之后

beforeDestroy(销毁前):组件销毁前调用

destroyed(销毁后):组件销毁后调用

其中的三个常用:

beforeCreate  生命周期函数在组件实例刚被创建的时候增加一些loading事件。

created  生命周期函数可以结束loading事件,完成一些初始化,实现函数自执行等。

mounted是比较重要的生命周期函数,可以发起后端请求,取回数据,接收页面之间传递的参数、由子组件向父组件传递参数等。

上一篇 下一篇

猜你喜欢

热点阅读