Offres d'emploiEntreprisesTestsBlogJe recruteS'inscrireConnexion
\n```","suggestedAnswer":[{"@type":"Answer","text":"```html\n
\n

Rendering DOM Vuejs

\n \n

User doesn't see directly the DOM

\n
\n```"},{"@type":"Answer","text":"```html\n
\n

Rendering DOM Vuejs

\n \n
\n```"},{"@type":"Answer","text":"```html\n
\n

Rendering DOM Vuejs

\n \n

User doesn't see directly the DOM

\n
\n```"},{"@type":"Answer","text":"```html\n
\n

Rendering DOM Vuejs

\n \n
\n```"}],"acceptedAnswer":[{"@type":"Answer","text":"```html\n
\n

Rendering DOM Vuejs

\n \n

User doesn't see directly the DOM

\n
\n```"}]}}
Accueil>Tests>Questions>Écrire un composant Vue qui affiche un titre, un bouton et une notice.

Question du test Vue.js

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

Difficile

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 25 fois
Modifier
0
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
Questions similaires
2
Quel est le type de la propriété calculée `computedProperty` dans le code suivant ?
1
Quels styles d'API avons-nous à notre disposition dans VueJS?
2
Vue 3 fournit des composants par défaut pour remplacer tous les composants de formulaire classiques dans le but d'améliorer les performances, d'obtenir une interface utilisateur de base pré-générée et une liaison de données pré-établie.
1
Quel est le nom de l'événement qui est déclenché lorsque le renderer a fini de rendre le composant?
2
Créer un composant dynamiquement en Vue 3
4
Comment utiliser v-do en VueJS
2
Afficher le contenu d'une variable en VueJS