生命周期就是vue创建dom流程中可调用的函数,共有八个:
1、beforeCreate:此时无法通过vm访问到data中的数据、methods中的方法;
2、created:可以通过vm访问到data中的数据、methods中配置的方法;
3、生成虚拟dom;
4、beforeMount:页面呈现的是未经Vue编译的DOM结构,所有对DOM的操作,最终都不奏效。(简单说就是还没有搞成真实的dom,vue编译真实dom时用的是已经存在的虚拟dom,你改了也不会用你改过的dom生成)
5、mounted:页面中呈现的是经过Vue编译的DOM,对DOM的操作均有效(真实dom已经生成写入界面了,可以进行异步操作,但是最好不要去改dom);
6、挂载完毕;
7、beforeUpdate:数据是新的,但页面是旧的,即:页面尚未和数据保持同步;
8、updated:数据和页面都是新的;
9、beforDestory:vm中所有的: data、methods、指令等等,都处于可用状态,马上要执行销毁过程,一般在此阶段:关闭定时器、取消订阅消息、解绑自定义事件等收尾操作;
10、destoryed:happy end;