孔杰霖
你好，我是「前端雨爸」，希望我的回答对你有所帮助。
我的回答
首先，理解对于有生命周期的框架来说非常重要，这样能大致把握整个代码的不同阶段的运行过程，减少错误代码的出现。
那怎么能快速掌握生命周期呢？
1. 看官网相关的生命周期图谱
无论 React 还是 Vue 都提供了生命周期的图例，试着去阅读它，明白每个生命周期的 api 钩子在其中的切入点。知道发生在那个阶段。
下图摘自 Vue 官网：
2. 动手实践
在一个组件内，把所有的生命周期方法都给实现一遍，然后看它们在控制台打印的顺序。
上图，摘自我自己理解生命周期过程所做的调试。
最后
相信这样，会对理解生命周期有个帮助。
如果觉得不错，欢迎关注「前端雨爸」，让我们一同在前端路上成长进步。
前端雨爸
写这章博客不是为了要获得多少赞，主要是利用vue开发项目时踩的坑太多了。自己曾不理解或者遇到的问题再这里搞清楚，不想后来的人再遇到这样的坑，做技术的要懂得分享，做人嘛，最重要的是开心。
vue官网说，“你暂时不用搞清楚这些...\
Echa攻城狮
vue官网说，“你暂时不用搞清楚这些...\
廖Vip
首先查看官网文档里面生命周期钩子函数，然后在自己的demo程序里添加所有钩子函数，每个函数内部输出一句话到控制台，运行起来，观察输出。
分享到:
