Vue2.0 相对于Vue1.0的变化：生命周期

 

1.生命周期

根据提供的生命周期钩子说明Vue.js实例各个阶段的情况，Vue.js 2.0对不少钩子进行了修改，以下说明：（灰色字体代表是 2.0已经废弃或者被更名的钩子，黑色字体代表1.0 和2.0中 都有的钩子，红色字体代表 2.0新增的钩子）；

init ： 在实例开始初始化时同步调用，此时数据观测、时间等都尚未初始化。2.0中更名为 beforeCreate。

created：在实例创建之后调用，此时已经完成数据绑定、事件方法，但尚未开始 DOM 编译，即未挂载到 document 中。

beforeCompile：在 DOM 编译前调用，Vue 2.0废弃了该方法，推荐使用 created 。

beforeMount：2.0 新增的生命周期钩子，在 mounted 之前运行。

compiled：在编译结束时调用。此时所有指令已生效，数据变化已能触发 DOM 更新，但不保证 $el 已插入文档 。2.0 中更名为 mounted;

ready：在编译结束和 $el 第一次插入文档之后调用。2.0 废弃了该方法，推荐使用 mounted。这个变化其实已经改变了 ready 这个生命周期状态，相当于取消了在 $el 首次插入文档后的钩子函数。

attached：在 vm.$el 插入 DOM 时调用，ready 会在第一次 attached 后调用。操作 $el 必须使用指令或实例方法（例如 $appendTo()），直接操作 vm.$el 不会触发这个钩子。2.0 废弃了该方法，推荐在其他钩子中自定义方法检查是否已挂载。

detached： 同 attached 类似，该钩子在 vm.$el 从 DOM 删除时调用，而且必须是指令或实例方法。2.0 中同样废弃了该方法。

beforeDestory： 在开始销毁实例时调用，此刻实例仍然有效。

destoryed：在实例被销毁之后调用。此时所有绑定和实例指令都已经解绑，子实例也被销毁。

beforeUpdate：2.0 新增的生命周期钩子，在实例挂载会后，再次更新实例（例如更新 data）时会调用该方法，此时尚未更新 DOM 结构。

updated：2.0新增的生命周期钩子，在实例挂载之后，再次更新实例并更新完 DOM 结构后调用。

activated：2.0 新增的生命周期钩子，需要配合动态组件 keep-live 属性使用。在动态组件初始化渲染的过程中调用该方法。

deactivated：2.0 新增的生命周期钩子，需要配合动态组件 keep-live 属性使用。在动态组件移出的过程中调用该方法。