vue的生命周期详细解读

vue官网对vue生命周期的介绍，有一张图如下：

这个图英文比较多，对英文不熟悉的人可能会蒙圈，总之就是8个钩子函数：

beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destroyed 这几个钩子函数，分为这几个阶段：创建=>挂载=>更新=>销毁

个人详细研究，自行画了一张图详细解读：

需要注意的是，官方只给出了这8个钩子函数，实际上，在路由组件中还存在3个钩子函数：组件内：beforeRouteEnter、beforeRouteUpdate 、beforeRouteLeave也是经常在切换页面时需要保存刷新的数据时会使用到。切换路由时可能会使用到beforeEach或afterEach这俩钩子函数。除此之外，还有一些钩子函数，有兴趣的可以自行了解一下。

参考网站：https://www.jianshu.com/p/7ff8f31afebe