vue.js学习笔记：生命周期

1、生命周期

1、生命周期是个很抽象的概念，但是在vue中可以理解为把vue从创建到销毁的一个个生命结点，生命周期函数实际上就是生命周期的具体化。当vue实例处于某个节点的时候去自动调用这些函数。

1.2、生命周期函数

1、beforCereat

vue实例被创建，但是数据代理还没有，也无法访问data里面的数据和methods里的方法；

2、Created

vue里数据检测和数据代理产生，可以使用data里面的数据和methods里的方法；

3、beforeMounted

挂载前，挂载就是vue将虚拟DOM生成真实DOM，将带有vue属性的模板替换原本模板的过程，实际上在挂载前，dom也会渲染这个模板<div id='app'>{{xxx}}</div>，但是这时候div是原生html元素，{{xxx}}是不会被解析的。这个时候虚拟dom会生成真实dom，替换原来的dom元素。

在挂载前，我们对html元素的操作最终都会被虚拟dom覆盖，也就是说你在挂载前做的等于白做，因为挂载之后之前做的就消失了。因为一开始vue是不会将真实dom保存成虚拟dom的。

4、mounted

当虚拟dom变成真实dom，dom树上真正有了虚拟dom的元素，才算挂载。这个时候对元素的操作才是有用的。因为虚拟dom会将数据更新前把虚拟dom保存下来，然后和新的数据做对比，再生成新的虚拟dom。没有改的东西自然会保存下来。

5、beforeUpdate和Updated

也就是数据更新前和更新后，实际上也就是虚拟dom的工作原理过程。