Vue.js 生命周期俗易懂版_里的生命周期钩子函数就像是组件在不同成长阶段的小助手_解秘指锁

Vue.js 生命周期钩子函数通俗易懂版

Vue.js 里的生命周期钩子函数就像是组件在不同成长阶段的小助手，帮我们在组件创建、更新和消失的时候，做点特别的事情。

成长阶段一：初始阶段

这个阶段，组件就像刚出生的小婴儿，啥也不会。这时候有几个小助手：

成长阶段二：挂载阶段

组件开始长大，这时候需要挂载到网页上。这时候的小助手有：

成长阶段三：更新阶段

组件长大了，数据也会变化，这时候需要更新。更新阶段的小助手有：

成长阶段四：销毁阶段

组件终于要离开这个世界了，这时候的小助手负责清理：

合理使用生命周期钩子函数，可以让你的组件更健康地成长，代码也更容易维护。