组件生命周期详解

Vue生命周期图示(参考https://cn.vuejs.org/v2/guide/instance.html)

简介

组件从创建到销毁的整个阶段,不同的阶段做不同的拦截，从而实现在不同阶段做不同的事情

beforeCreate                                                                                                                                                                                      实例初始化之前,此时数据还没有完成监听（操作数据无响应）基本上不使用
created                                                                                                                                                                                             实例已经初始化  在这里可以使用data和methods的方法了，一般在这个生命周期内，调用获取数据的ajax函数,数据已经监听完毕（所以在这里可以操作数据了）
beforeMount                                                                                                                                                                                     视图渲染之前(dom挂载之前) （此时当前组件的 dom还未挂载，所以无法获取dom）
mounted                                                                                                                                                                                           视图已经渲染(dom挂载完毕),在这里获取获取渲染后dom,可以做一些 特效（绑定一些全局的事件..） 此时,已经可以获取当前组件的dom
beforeUpdate