vue生命周期

以下是我对生命周期的理解,若有不对请大家评论指正

生命周期总共分为八个阶段

beforeCreate:vue实例的挂载元素el和数据对象数据都是undefined,还没用初始化

created:vue实例的数据对象数据有了,可以访问里面的数据和方法,未挂载到DOM,el还是undefined

beforeMount:vue实例的el和data都初始化了,但是挂载之前未虚拟DOM节点

mounted:vue实例通过el挂载到对应的真实DOM上,就可以通过DOM获取节点

beforeupdated:响应式数据更新时调用,虚拟DOM还未渲染新的数据上去,适合在更新之前访问现有的DOM

updated:虚拟DOM重新渲染和打补丁之后调用,DOM已经更新,避免在这个钩子函数中操作数据,防止死循环

beforeDestroy:实例销毁前调用,用this能获取到实例,常用于销毁定时器,解绑事件

destroyed:实例销毁后调用,调用后所有事件监听器会被移除,所有的子实例都会被销毁

注:vue中的el实际上是一个属性,用来注定哪个DOM要被vue实例管理,也就是说指明vue要挂载的位置

 vue生命周期_第1张图片

 

你可能感兴趣的:(vue.js)