对vue生命周期的理解

对vue生命周期的理解


Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。最早提出生命周期的是react,但事实它并没有像vue一样将生命周期划分的这么详细。
Vue主要分为四个阶段。在每个阶段的生命周期中都相应的提供了钩子函数,并且指向该阶段的组件对象。这就意味着箭头函数将不能应用,因为箭头的函数指向父元素。
第一,beforeCreate和created。创建阶段。在事件生命周期的初始化阶段,beforeCreate执行时,绑定的数据并不会被加载,数据实在created函数执行后才会被加载出来。函数会自动触发。
第二,beforeMount和Mounted。挂载阶段。此时el对象已经获取。挂载前实例相关的语法和变量还未被解析,挂载后实例对象中的数据等已经解析完成,可以进行dom操作。函数自触发。
第三,beforeUpdate和Updated。更新阶段。数据就已经变更,但是,更新前,视图渲染并没有执行,而更新后视图渲染已经执行。不会自动触发。
第四,beforeDestroy和Destroyed。销毁阶段,主要解除组件的数据绑定以及事件,做一些善后工作。

你可能感兴趣的:(对vue生命周期的理解)