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 24 fois
Modifier
0
Évaluations de la communautéPersonne n'a encore évalué cette question, soyez le premier !
Questions similaires
4
Comment utiliser v-do en VueJS
1
Quel est le nom de l'événement qui est déclenché lorsque le renderer a fini de rendre le composant?
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
Quels styles d'API avons-nous à notre disposition dans VueJS?
2
Créer un composant dynamiquement en Vue 3
2
Quel est le type de la propriété calculée `computedProperty` dans le code suivant ?
2
Afficher le contenu d'une variable en VueJS