vue2调用子组件销毁

在Vue2中，要调用子组件的销毁，你可以使用`$destroy`方法。这个方法会销毁子组件并解除其与父组件的关联。

假设你有一个父组件`Parent`和一个子组件`Child`，你可以在父组件中通过对子组件的引用调用`$destroy`方法来销毁它，代码如下：

// Parent.vue
<template>
  <div>
    <Child ref="child" />
    <button @click="destroyChild">Destroy Child</button>
  </div>
</template>

<script>
import Child from './Child.vue';

export default {
  components: {
    Child
  },
  methods: {
    destroyChild() {
      this.$refs.child.$destroy();
      // 可选：从父组件中移除子组件引用
      this.$refs.child.$el.parentNode.removeChild(this.$refs.child.$el);
    }
  }
}
</script>

在上面的例子中，我们通过`ref`属性将子组件引用为`child`。然后在`destroyChild`方法中，我们通过`this.$refs.child`访问子组件实例，并调用`$destroy`方法来销毁子组件。你也可以选择从父组件中移除子组件的DOM节点。

请注意，调用`$destroy`方法仅会销毁子组件实例，并不会自动解除父子关联。如果你想要完全解除父子关系，你需要手动从父组件中移除子组件的引用。