Vue 生命周期

第一步：new()

第二步：初始化vue默认的事件和函数

beforeCreate（）：第一个生命周期函数，实例完全被创建之前执行（data methods中的数据都未初始化）

第三步：初始化 data和methods中的数据

created（）：第二个生命周期函数，最早操作data和methods的地方

beforeMount（）：第三个生命周期函数，页面渲染之前，页面上的数据是没有渲染的

mounted（）：第四个生命周期函数，页面上页面上已经可以看到渲染的数据了,最后一个生命周期函数，没有其他操作页面时不会变化了；也是组件最后创建的地方

 

while data change

beforeUpdate（）：此时data中的数据变化了，页面还没有更新

Dom re-render and patch ：页面重新渲染

updated（）：　此时页面已经更新

beforeDestory（）：

Destoryed（）：页面已经销毁