General_D的博客

Vue3+Vite项目解决require报错问题 本文针对Vue3+Vite项目中出现的require报错问题提供了三种解决方案： 官方推荐方案：将require改为ES模块的import语法，适用于require使用量不大的情况，给出了Vue2和Vue3两种语法的转换示例。 vite-plugin-require插件方案：通过安装轻量级插件快速兼容require函数调用，适合仅需处理静态资源引入的场景。 vite-plugin-require-transform方案：完整转换CommonJS到ESM，适合

提示：系列文章并未做很详细的讲解，旨在快速了解和复习前端的高频面试考点，所以并未做详细展开，只讲干货！！！生命周期典型操作setup()定义数据/方法、组合逻辑（替代 Vue2 的createdonMounted初始化第三方库、操作 DOM、添加全局事件onUpdated同步第三方库状态、基于新 DOM 操作清理定时器、解绑事件、释放资源（防止内存泄漏）统一错误处理（如上报日志、展示错误页面）注意：这里简述vue2和vue3在生命周期上的差异总结，详细的vue2对比需要到vue2篇中详细查看。

提示：系列文章并未做很详细的讲解，旨在快速了解和复习前端的高频面试考点，所以并未做详细展开，只讲干货！！！这里你们重点记忆表中常用的和上面每个周期中大概的作用即可生命周期典型操作created()调接口初始化数据、绑定全局事件mounted()操作 DOM、初始化第三方库（地图/图表）记录更新前状态（如滚动位置）updated()更新第三方库、同步 DOM 变化-清除定时器、解绑全局事件、释放外部资源注意事项避免在 updated 中修改数据 → 可能导致死循环！