VUE生命周期概述
最近我陆续参加了一些公司的电话或视频面试,发现vue生命周期是面试题中必考的一项内容。虽然我会使用vue的组件,会操作vue的一些基本用法,但有些知识点居然没有回答上来,这就造成了面试中的短板。因此,在CSDN中总结知识点十分必要。
VUE中有一个知识点,那就是vue生命周期。每一个vue组件都有一个属于它的生命周期,从一个组件创建、数据初始化、挂载、更新、销毁,这就构成了一个组件所谓的生命周期。生命周期中有几个重要的方法:
方法名称 | 方法说明 |
---|---|
beforeCreate | 组件已经初始化,但数据观测和初始化事件还未开始 |
created | 完成数据观测、属性和方法的运算,事件的初始化,但是$el属性还没有显示出来 |
beforeMount | 这是数据挂载之前所执行的方法,相关的render函数首次被调用,把data里面的数据和模板生成html,注意此时还没有挂载到html页面上 |
mounted | 这是数据挂载之后所执行的方法。在el被新创建的vm.$el替换,并挂载到实例上去之后调用的。所谓数据挂载,就是通过渲染挂载到el上面,或者是通过$mounty方法来执行。两种方法都生成DOM元素。 |
beforeUpdate | 在数据更新之前调用,发生在虚拟DOM重新渲染和打补丁之前。可以在该钩子中进一步更改状态,不会触发附加的循环过程 |
updated | 在由于数据更改导致的虚拟DOM重新渲染和打补丁后调用。 |
beforeDestroy | |
destroyed |