1.Vue1.0生命周期

1.1钩子函数:

created ->   实例已经创建 √

beforeCompile ->   编译之前

compiled ->   编译之后

ready ->   插入到文档中 √

beforeDestroy ->   销毁之前

destroyed ->   销毁之后

1.2生命周期图示

下图说明了实例的生命周期。你不需要立马弄明白所有的东西，不过以后它会有帮助。

1.3代码

 

2.Vue2.0生命周期

2.1钩子函数

beforeCreate 组件实例刚刚被创建,属性都没有

created 实例已经创建完成，属性已经绑定

beforeMount 模板编译之前

mounted 模板编译之后，代替之前ready  *

beforeUpdate 组件更新之前

updated 组件更新完毕 *

beforeDestroy 组件销毁前

destroyed 组件销毁后

2.2示例图

总体分为4步骤：实例创建前后，模板编译前后，组件更新前后，组件销毁前后

 

2.3代码