一直搞不懂vue中的生命周期,怎么才能搞清楚?


其他观点:
你好 。我是「前端雨爸」 。希望我的回答对你有所帮助 。
我的回答
首先 。理解对于有生命周期的框架来说非常重要 。这样能大致把握整个代码的不同阶段的运行过程 。减少错误代码的出现 。
那怎么能快速掌握生命周期呢?
1. 看官网相关的生命周期图谱
无论 React 还是 Vue 都提供了生命周期的图例 。试着去阅读它 。明白每个生命周期的 api 钩子在其中的切入点 。知道发生在那个阶段 。
下图摘自 Vue 官网:

一直搞不懂vue中的生命周期,怎么才能搞清楚?

文章插图
2. 动手实践
在一个组件内 。把所有的生命周期方法都给实现一遍 。然后看它们在控制台打印的顺序 。
一直搞不懂vue中的生命周期,怎么才能搞清楚?

文章插图
上图 。摘自我自己理解生命周期过程所做的调试 。
最后
相信这样 。会对理解生命周期有个帮助 。
如果觉得不错 。欢迎关注「前端雨爸」 。让我们一同在前端路上成长进步 。
其他观点:
【一直搞不懂vue中的生命周期,怎么才能搞清楚?】哔哩哔哩找个视频来看 。然后找个例子跑一跑

    推荐阅读