为什么 Vue 建议使用 v-if 而不是 $destroy 来销毁组件

Question

为什么 Vue 建议使用 v-if 而不是 $destroy 来销毁组件。在 Vue 文档中是这样说的：

在正常使用情况下，您不必自己调用此方法。更喜欢使用 v-if 和 v-for 以数据驱动的方式控制子组件的生命周期。

来自https://vuejs.org/v2/api/index.html#vm-destroy：

vm.$destroy() 用法：

彻底销毁一个虚拟机。清理它与其他现有的连接 vms，解绑所有指令，关闭所有事件监听器。

触发 beforeDestroy 和destroy 钩子。

在正常使用情况下，您不必自己调用此方法。 更喜欢在数据驱动中控制子组件的生命周期 时尚使用 v-if 和 v-for。

Answer 1

您不应该手动销毁您的组件 - Vue 会处理这个问题。如果您尝试自己销毁它们 - 可能会使 Vue 感到困惑。

V-IF 根据其参数销毁和重新创建组件。这个想法是，与其强制创建/销毁组件，不如在模板中以声明方式指定何时创建组件以及何时销毁组件。

这是关于 declarative 与 imperative 的编程风格。