前端之路的博客

有时候运行Vue3项目，安装依赖会报各种各样的错误如：info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.error vue-types@4.0.3: The engine "node" is incompatible with this module. Expected version ">=12.16.0". Got "12.

上篇博客说到vue自定义指令给元素绑定事件，事件没有解绑会造成内存泄漏，下面还有一种情况：v-if指令产生的内存泄露v-if也是一个容易产生内存泄漏的地方。因为：1、v-if绑定到false的值，但是实际上dom元素在隐藏的时候没有被真实的释放掉2、就是非常常见的比如我们通过v-if删除了父级元素，但是并没有移除父级元素里的dom片段。通常产生于使用第三方库的时候，比如下面的示例中，我们加载了一个带有非常多选项的选择框，然后我们用到了一个显示/隐藏按钮，通过一个 v-if 指令从虚拟 DOM 中添加

在用 Vue 开发应用中，内存泄漏的问题会经常出现。这个问题在单页应用 (SPA) 中尤为重要，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。因此在vue开发过程中，你需要时刻警惕内存泄漏的问题，这些内存泄漏往往会发生在使用 Vue 之外的其它进行 DOM 操作的三方库时，请确保测试应用的内存泄漏问题并在适当的时机做必要的组件清理。下面是我开发过程中遇到，并查资料总结的内存泄漏问题！一、vue自定义指令给元素绑定