有没有一种方法可以刷新组件而不必重新渲染插槽？

Question

我有以下包装器组件：

<template>
    <div>
        <p>Wrapper Component</p>
        <slot></slot>
    </div>
</template>

<script>
export default {

}
</script>

这是孩子：

<template>
    <div>
        <p>This is a child component</p>
    </div>
</template>

<script>
export default {

}
</script>

这是父母：

<template>
    <div>
        <wrapper-component :key="wrapperKey">
           <ChildComponent />
        </wrapper-component>
    </div>
</template>

<script>
import WrapperComponent from "@/components/WrapperComponent"
import ChildComponent from "@/components/ChildComponent"

export default {
    components: {
        WrapperComponent,
        ChildComponent
    },
    data() {
        return {
            wrapperKey: 1
        }
    }
}
</script>

在这种情况下，我使用键刷新包装器组件。但是这样，它也可以重新渲染子组件。有什么方法可以刷新包装器而不必刷新子级吗？

我动态更改了组件（WrapperComponent）的html，因此要渲染新的html，我必须刷新组件。