The main issue is that the components you have changed are exactly the same as those in v-if, which makes it difficult to accurately detect updates. However, you can easily fix this by adding some unique attributes to these tags, and the problem will be resolved immediately.

To avoid re-rendering the custom component in the middle, you can temporarily change:

<div><custom-component ref="componentPlugin"></custom-component></div>

to:

<div marked><custom-component ref="componentPlugin"></custom-component></div>

目前，您可以在div上使用key来标记它：https://jsfiddle.net/50wL7mdz/63293/。当然，这肯定可以得到改进。

谢谢

看不懂哟

关键是重要的。

我将尝试回答这个问题。