是否可以只重新加载 Vue.js 中的某个组件?

Is it possible to reload only a certain compontent in Vue.js?

我想知道我是否有一个 Vue 组件,其中包含其他组件。是否可以只加载某个组件

所以如果我有这样的组件:

主要成分

<template>
<button>Button<button>
<component1></component>
<component2></component2>
</template>

是否可以仅在单击按钮 1 时重新加载组件 1? 如果是这样,我将如何只重新加载该特定组件?

提前致谢!

这是一篇关于强制更新组件的好文章: https://michaelnthiessen.com/force-re-render/

所以基本上你添加一个 :key 到你的组件并通过点击你的按钮递增一个数字

<component1 :key="num" />

<button @click="num++" v-text="'update'" />