javascript - Vue 实例必须销毁吗？

Question

我在遗留 JS 项目中动态创建 Vue 实例，该项目使用 VanillaJS 创建和操作元素。我想知道这些实例是否真的必须显式销毁，或者丢失它们的引用是否可以，它们将像任何 JS 对象一样被自动垃圾回收？

Answer 1

我只能想到两种情况，您可能希望手动销毁您的实例。

场景一 如果您对多个组件使用相同的 HTML 元素。在这种情况下，如果您可以向页面添加其他元素，您可以直接使用 v-if 来添加。让 Vue 在不再需要它们时销毁它们。

例如，如果您有这个 <div> :

<div id="content">...</div>

并将它用于两个不同的组件，比方说 A和 B ，你必须在你的 <div> 中安装和销毁它们视情况而定，不妨用两个<div> s，像这样:

<div id="content-a" v-if="usingA">...</div>
<div id="content-b" v-if="usingB">...</div>

每当给定的组件不再需要时，您可以设置 usingA或 usingB为假。

情况二是由于某种原因您无法使用 v-if。 .在那种情况下，我相信您可能必须手动调用 $destroy , 但我真的想不出你不能使用 v-if 的任何可能原因首先。