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