首先是光网的对于vue生命周期的图解
这一张对于vue的生命周期已经讲解的特别详细了 ,但是光靠一张图还不于了解它的生命周期,我们需要实践,介绍一下vue的钩子函数
生命周期钩子函数应该算是vue这次升级中broken changes最多的一部分了,对照1.0的文档和relea note,作了下面这样表
vue 1.0+ | vue2.0 | description |
init | beforeCreate | 组件示例刚被创建,组件属性计算之前,如data属性等 |
created | created | 组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在 |
beforeCompile | beforeMount | 模板编译挂载之前 |
ready | mounted | 模板编译挂载之后(不保证 |