vue总结系列 --- 生命周期

前言

在总结其他的时候发现还是应该先复习vue的生命周期，所以就先把生命周期先复习完了

经过一系列的视频，文档我把我的总结写一下生命周期分为3个阶段：创建，更新，和销毁

我们看图说话

大致的周期就是这样了，这里在补充的就是beforeMount到render的过程是生成虚拟DOM的过程（render函数选项>template选项>outer HTML），render到mounted的过程才是挂载真实DOM到mounted上所以才在mounted的时候会会写一些异步的请求，操作DOM等，

这里有一个问题不知道大家有没有遇到：就是我们写vue的时候有时候有一些特效我们用还是以前的js写的放进去了之后，那个特效就会没用，但是有的时候还不报错，不报错是真的气，嘿嘿，那么是什么原因呢？

我们总结一下上面的流程我们就会发现，因为当我们js和vue一起执行的时候（写多页面），vue会产生虚拟DOM，并且这个时候(对dom操作时间)会大于js的文件运行的时间，这个时候js可能还没找到真实的DOM就执行完了语句，所以就会没效果，那么我们用什么办法解决呢？

1.我们可以给js这个文件来一个定时器，给他一点时间等vue已经挂载玩了vue就在运行js

2.就是比较好的方法就是把执行这个js语句段的函数写在mounted的钩子上，这个时候就是挂载的真是DOM了就好了

这里啊我真的很谢谢我的一位大哥，在我第一次遇到这个问题的时候呢？他很详细的帮我解释了这个问题的前因后果呵呵

其实用vue写单页面的时候这个问题还有其他的改法，为什么这里我不写呢？因为我对单页面也不是特别是熟悉，准备肝了

这个就是比较详细的生命周期了（和vue官网有一些出入）