是否可以仅重新加载 Vue.js 中的某个组件？答案

【问题标题】：Is it possible to reload only a certain compontent in Vue.js?是否可以仅重新加载 Vue.js 中的某个组件？
【发布时间】：2021-08-25 07:20:57
【问题描述】：

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

如果我有这样的组件：

主要组件

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

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

提前致谢！

【问题讨论】：

【解决方案1】：

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

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

<component1 :key="num" />

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

【讨论】：