A respeito dos ambientes Internet, extranet e intranet e das tecnologias e práticas de frontend, julgue o item.

No componente Vue 3 a seguir, a diretiva v-if controla a renderização condicional dos elementos no DOM, de modo que apenas uma das mensagens será renderizada conforme o estado de logado.

<script setup>
import { ref } from "vue";
const logado = ref(false);
function alternarLogin() {
  logado.value = !logado.value;
}
</script>
<template>
  <button @click="alternarLogin"> Alternar
  login </button>
  <p v-if="logado">Usuário autenticado</p>
  <p v-else>Usuário não autenticado</p>
</template>