Vue 3 Повторная загрузка компонента при изменении переменной

<LeagueTopScorers /> перерисовывается, когда selectedLeague изменяется ¹, но не перемонтируется. Он монтируется только тогда, когда selectedLeague меняется с ложного значения на истинное (потому что именно тогда изменяется значение v-if).

Есть несколько проблем с вашим вопросом:

• вы спрашиваете о техническом аспекте (назовем его X), который, по вашему мнению, решит бизнес-требование (назовем его Y). Это классическая проблема XY. Почему бы вам не описать требование Y? (например: чего вы хотите достичь). Какое изменение вывода вы хотите увидеть при изменении ввода?
• размещенного вами кода недостаточно для создания работающего примера. Мы не знаем, что такое v-select, что такое <LeagueTopScorers /> или как :is выглядит на <LeagueTopScorers />.

Из фрагмента, который вы разместили, я предполагаю следующее:

• v-select — это либо vue-select , либо Vuetify select component
• вы ожидаете, что :is будет работать над <LeagueTopScorers /> так же, как и над <component />. Подсказка: это не так, если только вы не закодировали это сами, в чем я сомневаюсь
• последнее, но не менее важное: я думаю, вы хотите, чтобы какой-то код, который вы поместили в хук жизненного цикла инициализации <LeagueTopScorers /> (например, onMounted), запускался, когда вы заменяете объект, хранящийся в selectedLeague, другим объектом.

Если я прав, самый простой и чистый способ добиться такого поведения — создать вычисляемый ²:

const leagueId = computed(() => selectedLeague?.id.toString() || '')

... и используйте его в v-if, :key и :selectedLeague:

<LeagueTopScorers
  v-if = "leagueId"
  :selectedLeague = "leagueId"
  :key = "leagueId" />

(без обертки <div v-if>).

Приведенное выше будет создавать новый экземпляр <LeagueTopScorers /> каждый раз, когда leagueId изменяется, и будет отображать его только тогда, когда leagueId не является ложным. Я считаю, что это то, чего вы пытались достичь технически ³.

Примечания:
¹ - для проверки используйте onUpdated(() => console.info('updated...'))
² - используйте selectedLeague.value?.id.toString(), если selectedLeague является ref
³ — в то же время я уверен, что фактические бизнес-требования могут быть выполнены без создания нового экземпляра <LeagueTopScorers /> каждый раз, когда leagueId изменяется, но я не могу помочь без дополнительных деталей и/или контекста.