vue2生命周期介绍

一、初始化阶段

beforeCreate：

执行次数： 一次
实例刚创建完，此时还没有data和methods属性。

beforeCreate：：

执行次数： 一次
vue实例data和method属性已经初始化化完成，此时还没有编译模板，从这个地方可以去请求接口，获取数据等信息。

二、实例挂载阶段

beforeMount：

执行次数： 一次
挂载前 模板编译完成,此时e l 还 没 有 挂 载 , el还没有挂载，data目前可见。

mounted：

执行次数： 一次
挂载完成后 模板编译完成,$el挂载完成。

三、数据更新阶段

这里选择性执行，获取数据更新完成执行updated，数据更新时执行

beforeUpdate：

执行次数： n次
数据更新时执行,data数据此时已经是最新的数据,UI界面还是旧的。

updated：

执行次数： n次
数据更新完成后,界面和data里的数据此时都是最新的,完成的界面的更新渲染render。

四、销毁阶段

beforeDestroy：

执行次数： 一次
组件准备销毁,此时data和methods方法都能用，没有完全销毁

destroyed：

执行次数： 一次
组件已经被销毁，此组件在浏览器中对应的DOM接口已被完全移除！。