Table des matières:

Qu'est-ce qu'un composant Vue ?
Qu'est-ce qu'un composant Vue ?

Vidéo: Qu'est-ce qu'un composant Vue ?

Vidéo: Qu'est-ce qu'un composant Vue ?
Vidéo: Qu'est-ce qu'un composable sous Vue.js ? 2024, Peut
Anonim

Composants sont réutilisables Vue instances avec un nom: dans ce cas,. Nous pouvons utiliser ceci composant en tant qu'élément personnalisé à l'intérieur d'une racine Vue instance créée avec un nouveau Vue :

Nouveau Vue ({ el: '# Composants -demo' }) Vous m'avez cliqué 0 fois.

Par conséquent, comment utiliser mon composant Vue dans un autre composant ?

Si vous avez un peu joué avec Vue Single File Components, vous savez probablement comment "appeler" un composant à partir d'un autre:

  1. importer le composant enfant.
  2. Enregistrez-le sur l'objet composants du composant parent.
  3. Ajoutez le composant à la fonction modèle/rendu.

À côté de ci-dessus, le composant Vue est-il basé? Un guide du débutant pour travailler avec Composants dans Vue . L'un des avantages de travailler avec Vue est son composant - basé approche de la construction d'interfaces utilisateur. Cela vous permet de diviser votre application en morceaux plus petits et réutilisables ( Composants ) que vous pouvez ensuite utiliser pour créer une structure plus compliquée.

De plus, comment nommer mes composants Vue ?

Noms des composants Vue doit également être: Conforme aux spécifications de l'élément personnalisé: inclure un trait d'union, ne pas utiliser réservé noms.

Chaque nom de composant doit être:

  1. Significatif: pas trop spécifique, pas trop abstrait.
  2. Court: 2 ou 3 mots.
  3. Prononçable: on veut pouvoir en parler.

A quoi sert VUE ?

Vue . js sont un moyen puissant mais simple d'ajouter des fonctionnalités globales à votre application. Ils ont une variété d'utilisations, de la distribution de composants à l'échelle de l'application à l'ajout de fonctionnalités supplémentaires telles que le routage et les magasins de données immuables à votre application.

Conseillé: