每个Vue实例创建时,都会经历一系列的初始化过程,同时也会调用相应的生命周期钩子,我们可以利用这些钩子,在合适的时机执行相应的业务逻辑。
生命周期钩子的 this 上下文指向调用它的 Vue 实例。
比较常用的有:
created:实例化创建完毕后调用,此阶段完成了数据的观测等,但尚未挂载,$el还不可用,需要初始化处理一些数据时会比较有用。
mounted:el挂载到实例上后调用,一般第一个业务逻辑会在这里开始。
beforeDestroy:实例销毁之前调用,主要解绑一些使用addEvenListener监听的事件等。
生命周期图示
网友评论