Vue实例从创建到销毁的过程,就是vue的生命周期。
vue的生命周期可以分为四个阶段:创建阶段,挂载阶段,更新阶段,销毁阶段。
//创建beforeCreate,created //挂载beforeMount,mounted //更新beforeUpdate,updated //销毁beforeDestroy,destroyed
几个生命周期的特点和作用:
1、beforeCreate 创建前
特点:有this,但此时data、methods、computed以及watch上的数据和方法还未初始化,都不能被访问。
2、 created 创建后
特点:此时的data 和 methods 都已经被初始化,但是没有dom节点
作用:ajax请求 定时器 事件监听。
3、beforeMount 挂载前
特点: template 模板已导入渲染函数编译。此时虚拟Dom已经创建完成,即将开始渲染。在这一阶段也可以对数据进行更改。
4、mounted 挂载后
特点:在挂载完成后发生,此时真实的Dom挂载完毕,数据完成双向绑定,可以访问到、
Dom节点,使用$refs属性对Dom进行操作。
5、beforeUpdate 更新前
特点:会执行多次 数据更新 dom节点没有更新。
6、 updated 更新完毕
特点:会执行多次 数据更新,dom节点也更新。
7、beforeDestroy 销毁前
特点:数据可以更新 视图已经不更新。
作用:移除事件监听 停止定时器。
8、destoryed 销毁完毕
特点:没有this,切换视图与vue实例的联系。