一、概念
每个组件从创建到销毁都会经历的一系列特定的过程,称为生命周期
把过程执行的回调函数成为生命周期钩子函数
二、作用
- 创建后 发起ajax请求
- 挂载后操作dom
- 添加监听事件
- 销毁前移出间隔调用,事件监听
- 说明:并不是每个生命周期都必须使用
三、生命周期8个
创建前后
beforeCreate创建前
特点:有this,没有data与methods方法
created创建后
特点:有data,没有$el,dom节点
用处:ajax请求,定时器,事件监听
挂载前后
beforeMount 挂载前
特点:有$el,数据没有渲染
mounted 挂载后
特点:有dom节点,数据也渲染
用处:操作节点,ajax请求
更新前后
beforeUpdate 更新前
特点:
- 会执行多次
- 数据更新,dom节点没有更新
updated 更新后
特点:
- 会执行多次
- 数据更新,dom节点也更新
销毁前后
beforeDestory 销毁前
特点:数据可以更新,视图已经不更新
用处:移除事件监听,停止定时器
destoryed 销毁后
特点:没有this,切换视图与vue实例的联系