vue生命周期

概念

每个组件从创建到销毁都会经历一系列特定的过程，称为生命周期
把过程执行的回调函数称为生命周期钩子函数

作用

创建后 发起ajax请求
挂载后 操作dom
添加事件监听
销毁前移除间隔调用，事件监听

说明：并不是每个生命周期都必须使用

生命周期8个

创建前后

beforeCreate 创建前
特点：
有this，没有data与methods方法

created 创建后
特点：
有data，没有$el，dom节点
用处：
ajax请求，定时器，事件监听

挂载前后

beforeMount 挂载前
特点：
有$el，数据没有渲染

mounted 挂载后
特点：
有dom节点，数据也渲染
用处：
操作节点，ajax请求

更新前后

beforeUpdate 更新前
特点：会执行多次
数据更新，dom节点没有更新

updated 更新后
特点：会执行多次
数据更新，dom节点也更新

销毁前后

beforeDestroy 销毁前
特点：数据可以更新，视图已经不更新
用处：
移除事件监听，停止定时器

destroyed 销毁完毕
特点：没有this，切换视图与vue实例的联系