Vue2 生命周期

组件创建阶段

beforeCreate

加载组件前。

props、data、methods不可用。

created

内存加载该组件完成。

props、data、methods可用。

不能操作DOM，此时DOM还没生成。

一般多用于发起网络请求获取数据。

beforeMount

渲染之前。

DOM已编译至内存，但没有加载到浏览器，同样不能操作DOM。

mounted

渲染完成。

可以操作DOM。

组件运行阶段

beforeUpdate

组件更新前（有绑定的数据需要更新时）

没有数据更新则不执行。

updated

数据更新，组件更新完成。

没有数据更新则不执行。

组件销毁阶段

beforeDestroy

组件销毁前

destroyed

组件销毁后