下面我直入主题，先看代码，下图我用分组分别输出各个钩子函数的信息就清楚了。
?
?上图可以看到Vue实例创建的过程中调用了几个钩子函数。
1.beforeCreate创建前---->created创建后 钩子函数之间
? ? ? ? 这两个之间，进行了初始化事件，进行数据的观测，可以看到created可以和data属性绑定了，也就说created想要改变数据，页面视图也会改变。tip: 两个之间没有el。
2.created创建后---->beforeMount加载前?钩子函数之间
? ? ? 这两个之间，首先会判断对象是否有el，有就向下编译，反之就停止编译，意味着生命周期停止，直到在vue实例上调用vm.$mount(el)（el参数就是挂载到dom节点）。? 可以把el注释掉，到created的时候就停止了。后面重新调用vm.$mount(el)，代码也就会继续执行。
加码：显示的优先级
? ? ? ? (1).如果vue实例对象有template参数，则将他作为模板编译成render函数。
? ? ? ??(2).如果没有template参数，则直接外部的html作为模板编译。
? ? ? ??优先级为: render函数 > template参数 > outer html模板
3.beforeMount加载前---->mounted加载后
? ? ? ? 这个两个之间，vue实例添加了$el成员，并且替换掉了挂载DOM元素，但是beforMount的el还是undefined。
4.mounted加载后
???????mounted?这个就直接看下图了:
?
5.beforeUpdate更新前---->updated更新后
? ? ? ? 这两个之间就是当你的数据需要更新的话，就会触发组件的更新重新渲染，如果没有更新，则不会触发这两个钩子函数。
6.beforeDestroy销毁前
? ? ? ? 实例销毁之前还是可以调用的。实例还是完全可以使用。
7.destroyed销毁后
? ? ? ?Vue实例销毁后调用。Vue的实例都会解绑，全部监听事件移除，所有子组件也会销毁。
以上就是我对vue生命周期的理解，更多vue或者其他前端技术，请关注后面的文章。