Правильно ли я понял как работает ref() в vue3?

пишу приложение на vue3.

<template>
 <div>
  <MyMenu>
  <div>
   <MyHeader @set-active-tab="setActiveTab">
   <div v-if="activeTab">
     <MyContent>
   </div>
 </div>
</template>

<script>
 import {defineComponent, ref} from 'vue';

 export default defineComponent({
  setup() {
   let activeTab = ref("");

   const setActiveTab = (tab) => {
    activeTab.value = tab;
   }

   return {
    activeTab,
    setActiveTab,
 })
</script>

Компонент MyHeader в хуке onMounted, возваращает таб. Значение ссылки activeTab вначале было null, после того как MyHeader смонтирован ссылка обновилась. Но компонент MyContent так и не отрисовался.

Подскажите в чем проблема может быть?