Lifecycle Hooks — Overview

同学们，今天我们来看看LWC组件的，生命周期，，也就是从出生到销毁的整个过程。这事儿框架都帮我们管好了，不用咱们操心，但了解它的执行顺序特别重要，能避免很多坑。 组件生命周期有，五个关键钩子，，外加一个`render()`方法。我们主要看钩子的调用流程。 首先，创建阶段。，构造函数，（constructor）最先跑，而且是父组件先跑，然后才是子组件。接着组件要被插入页面DOM了，触发`connectedCallback`——注意，还是父组件先触发，子组件后触发。所以创建和连接，都是，父优先，的。 但是！渲染完成就反过来了。`renderedCallback`是，子组件先触发，父组件后触发，。因为得等子组件里东西都画完了，父组件才算真正渲染完毕。这个“反向”必须记住，不然调试时容易晕头转向。 再到删除环节，`disconnectedCallback`触发，顺序又回到，父优先，，父组件先断开，子组件后断开。 简单总结：，构造、连接、断开都是父优先，唯独渲染完成是子优先，。记住这个流向，代码逻辑就不会乱。 最后说一点，框架会一直盯着组件里的，反应式属性，。只要这些属性变了，就会自动触发重新渲染，不用我们手动调用任何方法。非常省心。 好了，这就是生命周期的核心要点，大家搞明白了吗？