vue父组件怎么销毁子组件

在Vue中，父组件销毁子组件有多种方法。以下是其中几种常用的方法：

1. 使用`v-if`指令：在父组件中使用`v-if`指令来控制子组件的存在与否。当条件不满足时，子组件将被销毁。

<template>
  <div>
    <button @click="destroyChildComponent">销毁子组件</button>
    
    <child-component v-if="shouldRenderChildComponent" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      shouldRenderChildComponent: true
    }
  },
  methods: {
    destroyChildComponent() {
      this.shouldRenderChildComponent = false;
    }
  }
}
</script>

2. 使用`v-bind:key`：在父组件中使用`v-bind:key`来动态绑定子组件的key属性，当key发生变化时，Vue会销毁旧的子组件并创建新的子组件。

<template>
  <div>
    <button @click="destroyChildComponent">销毁子组件</button>
    
    <child-component :key="componentKey" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      componentKey: 0
    }
  },
  methods: {
     destroyChildComponent() {
       this.componentKey += 1;
     }
   }
}
</script>

以上是两种常用的方法，你可以根据需要选择其中一种来销毁Vue父组件中的子组件。