A quoi sert le nom dans vue

Dans Vue.js, l'attribut name fournit un nom unique pour le composant, qui est utilisé pour l'enregistrement, l'identification, la référence et l'accès aux fonctions de hook du composant. L'utilisation de l'attribut name spécifie simplement une valeur de chaîne dans l'objet options du composant.

Le rôle de l'attribut name dans Vue

Dans Vue.js, l'attribut name est un attribut facultatif utilisé pour fournir un nom unique au composant. Il a principalement les fonctions suivantes :

1. Enregistrement des composants :
L'attribut name permet d'enregistrer des composants dans l'instance Vue ou dans la portée globale. Par son nom, le composant peut être référencé ou instancié à partir d'autres composants.

2. Identification du composant :
Lorsqu'un composant est utilisé dans un modèle, Vue identifiera le composant en fonction de l'attribut name. Sans l'attribut name, Vue ne pourra pas reconnaître le composant et le restituer correctement.

3. Référence du composant :
L'attribut name vous permet de référencer l'instance du composant via l'objet refs. L'objet refs est une propriété sur une instance Vue qui peut être utilisée pour accéder aux méthodes et propriétés du composant.

4. Fonction de hook de composant :
Dans les fonctions de hook de composant, telles que créé(), monté() et détruit(), etc., vous pouvez accéder à l'attribut name du composant pour connaître le nom du composant lui-même. .

Comment utiliser l'attribut name ?
Pour utiliser l'attribut name, spécifiez simplement une valeur de chaîne dans l'objet options du composant comme ceci :

<code>import Vue from 'vue'

export default Vue.extend({
  name: 'MyComponent',
  // ...
})</code>

Remarque :

• L'attribut name ne peut contenir que des lettres, des chiffres, des tirets et des traits de soulignement.
• L'attribut name doit être unique et ne peut pas être le même que l'attribut name d'autres composants enregistrés.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!