Vue的生命周期

简单来说，Vue生命周期是指vue实例对象从创建之初到销毁的过程，掌握和理解生命周期过程中每一个步骤的作用，可以更加合理的安排我们不同业务逻辑具体的执行位置。

1.beforeCreate在官方文档描述中说，在做一些数据监视和事件初始化，这里有一个容易让人走偏的地方，就是事件初始化，其实就是为vue对象添加一些属性，就是methods中的一些函数全部作为vue对象的属性存在，Vue会讲所有的data数据和methods中的函数添加到创建的vue对象上面。

2.created 这个方法表示，vue对象已经创建成功，这里要搞清楚vue对象并不是我们所说的虚拟dom，vue对象就是一个js对象，他内部只是对数据进行操作，通过对数据的操作进而影响到虚拟dom的构建，所以在这个方法中我们可以做一些数据初始化工作，最常见的就是发送ajax请求来对已经构建完毕的vue对象的静态属性进行一些初始化。

3.compile 这个方法是正真开始构建虚拟dom，这里值得注意的地方是，虚拟dom和真实dom的差别，说到这里相信许多同学跟我一样有很多疑惑，既然已经有虚拟dom了为什么还要构建真实dom，我们操作了虚拟dom以后直接appendChild不行嘛。答案是no， 虚拟dom并不是dom,他只是描述了一个dom结构，编译模版的过程（模版有两种来源，这里不述），就是根据模版的html结构来创建虚拟dom的过程

4.beforeMount 这个过程就是根据编译以后产生的虚拟dom结构来构造一个真实的dom结构，再说一遍，这两个dom有很大的区别，前者只表示数据结构，后者可以直接添加到html文档结构中来渲染一个效果。在这个期间，我们就可以操作真实的dom对象了，包括我们为某一个特定的dom节点绑定事件，标签属性，内容的操作等，例如使用select2来修饰select，但是并不推荐在这里进行一些事件绑定或者dom操作，因为在这期间，Vue还要做一件非常重要的事情就是通过Vue自己的方式来标识每一个真实的dom节点，我们在vue里一般都是通过$els或者$refs来操作对应的dom元素，但是这期间正是标注所有元素的过程，很有可能会出一些意想不到的错误。

5.mounted 见名知意，挂载，表示真实dom已经够早完毕，我们可以append到父容器当中来构造页面了，在这里我们就可以完成一些对于真实dom的操作，不论是直接访问dom的属性内容或者事件的绑定，都可以在这里放心大胆的做了，一般情况下我们不需要直接操作dom，Vue也不推荐这么做，但是这里你需要知道的事如果你有这种需求，完全可以在这里完成，挂载的过程就是将生成的真实DOM对象append到挂载点下面，就是appendChild的过程，这个时候的虚拟dom结构根生成出来的real dom结构一模一样，我们以后要操作的就是这个虚拟dom结构，就是前面根据模版生成出来的dom数据结构。

6.beforeUpdate这个方法在整个生命周期之中也只被调用一次，在做什么呢，想一想上面所做的事情，上面是根据模版构造出来一个真实的dom对象，到现在他并没有跟我们的vue实例对象扯上关系，怎么通过我们的vue实例来影响到真实的dom对象呢，怎么把我们的数据绑定的真实dom当中了，以后我们只需要操作数据就可以影响到dom结构的渲染呢？在这个方法里，Vue同样依据前面的规则根据vue实例提供的数据在模版中的位置来重新生成一个虚拟dom数据结构，没错，你没看错，我们要生成两个虚拟dom，前一个dom只是dom结构，并没有绑定我们vue的属性数据，这一个dom是绑定了我们vue实例数据的dom结构，在这个dom生成的过程中，vue根据自己的语法规则，对比如指令，表达式之类的东西进行替换，生成一个新的虚拟dom结构，接下来我们要做什么，就是进行比较两个虚拟dom之间存在的差异。

7.update，接着上一集，我们继续吹，这个方法在我们整个生命周期之内会反复调用，你会发现，每一次对vue对象的变更都会触发update方法，他做了什么呢，他就是在反复的生成一个virtual dom，生成的新dom不断跟之前的dom结构进行比对，这里又一个比较高大上的比对算法，叫differ，我想在座各位同学是不是有一种恍然大悟的赶脚，前面几集我说过，Vue在beforeMount的时候会对每一个dom节点进行标记，他为了什么嘞？ 你懂了没有呢？不懂去面壁，Vue对每一个节点进行标记就是为了更加快速准确的定位dom节点。。

8.beforeDestroy : 可以做一个确认停止事件的确认框，销毁组件

对于vue的的生命周期大概就那么多了