Question du test Vue.js

Écrire un composant Vue qui affiche un titre, un bouton et une notice.

Intermédiaire

Que va générer ce composant dans le DOM ?

<template>
  <div>
    <h1 v-if="isTitleShown">
      Rendering DOM Vuejs
    </h1>
    <button>
      <template v-if="isButtonActivated">
        Activé
      </template>
      <template v-else>
        Désactivé
      </template>
    </button>
    <p v-show="isNoticeDisplayed">
      User doesn't see directly the DOM
    </p>
  </div>
</template>
<script>
import { defineComponent, ref } from 'vue';

export default defineComponent({
  setup() {
    return {
      isTitleShown: ref(true),
      isButtonActivated: ref(false),
      isNoticeDisplayed: ref(false)
    };
  }
});
</script>
Auteur: MathisStatut : Publiée(Mise à jour)Question passée 17 fois
Modifier
0
Évaluations de la communauté
developer avatar
Vincent Cotro
22/11/2023
Merci Mathis pour la correction !