vue的生命周期

 简单的讲其实是三个阶段：

1，初始阶段 

* beforeCreate()    创建前

* created()             创建后

* beforeMount()     挂载前

* mounted()            挂载后

  2，更新阶段 

* beforeUpdate()   更新前

* updated()             更新后

3，死亡阶段

* beforeDestory()    销毁前

* destoryed()           销毁后

 

完整的过程：

new vue();

创建前 beforCreate()

Observe Data  通过set监听实现数据的双向绑定

Init Events   初始化页面

创建vm后 created()

has el ,是否有el元素，没有就进行手动指定管理的页面vm.$mount(el)

has template,是否有template有的话表示有模版，放入其中，没有就放在指定的el元素中，

挂载前beforeMount()

挂载到指定的el中 

挂载后 Mounted()

挂载后页面未更新前 beforeUpdate()

挂载的数据进行更新

挂载的数据更新后 updated()

是否有进行手动销毁 vm.$destroy

销毁前 beforeDestroy()

这里可以自己进行对事件的清除，保证性能

销毁后 destroy()

 

比较常用的生命周期：

created()/mounted(): 发送ajax请求, 启动定时器等异步任务

beforeDestory(): 做收尾工作, 如: 清除定时器