什么叫做生命周期呢?Vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载DOM ——>渲染、更新——>渲染、卸载等一系列过程,我们称是**Vue的生命周期**
Vue对象生命周期分为四个阶段和八个钩子函数:
(1)数据挂载阶段:把传入的data属性的内容,赋给Vue对象。即:把形参中data的属性赋给Vue对象,前后分别的钩子函数时:beforeCreate、created;
(2)模板渲染阶段:把Vue对象中data渲染到DOM对象上(模板上、视图上)。前后分别的钩子函数是:beforeMount、mounted;
(3)组件更新阶段:当数据(必须是在模板上使用的数据)发生变化时,会触发组件的更新,组件会重新渲染。前后分别的钩子函数是:beforeUpdate、updated;
(4)组件销毁阶段:把Vue对象所占的内存清空。前后分别的钩子函数是:beforeDestroy、destroyed。
如果组件在<keep-alive></keep-alive>缓存的话,那么,组件切换时,会调用的钩子函数是:activated和deactivated
总结:
1.vue组件(对象)从创建到(初次)显示在用户眼前,经历了beforeCreate、created、beforeMount、mounted,
2.数据(必须在模板上使用的数据)更新,调用beforeUpdate、updated函数。
Vue生命周期
最新推荐文章于 2024-09-13 14:34:15 发布