JavaScript中的生命周期

JavaScript中的生命周期主要包括内存生命周期和Vue.js的生命周期。‌

内存生命周期

JavaScript的内存生命周期包括以下几个阶段：

1. ‌内存分配‌：当声明变量、函数、对象时，系统自动为它们分配内存。
2. ‌内存使用‌：即读写内存，也就是使用变量、函数等。
3. ‌内存回收‌：使用完毕后，有垃圾回收器自动回收不再使用的内存。全局变量一般不会回收（关闭页面回收），一般情况下局部变量的值不用了会被自动回收‌12。

Vue.js的生命周期

Vue.js的生命周期可以分为以下几个主要阶段：

1. ‌创建期 (Creation)‌：
   • beforeCreate(): 实例已经创建完毕，但属性还没有被初始化。
   • created(): 当实例完成创建并挂载到 DOM 时调用。
2. ‌挂载期 (Mounting)‌：
   • beforeMount(): 开始渲染模板之前调用，此时 DOM 已经插入到了文档中，但数据尚未同步到 DOM。
   • mounted(): DOM 渲染完成后调用，这时可以访问 DOM 节点并执行操作。
3. ‌运行期 (Runtime)‌：
   • beforeUpdate(): 每次数据变化但视图未更新之前调用，可以在此处做数据验证或修改。
   • updated(): 数据已更新，但 DOM 未重新渲染之前调用。
4. ‌销毁期 (Deletion)‌：
   • beforeDestroy(): 实例即将被卸载之前调用，这时可以清理一些资源。
   • destroyed(): 实例已被卸载，所有的属性和方法都被重置，无法再访问 DOM‌