Maison > interface Web > Voir.js > le corps du texte

Qu'est-ce que le composant vue.js

coldplay.xixi
Libérer: 2020-11-30 17:00:09
original
2252 Les gens l'ont consulté

Le composant vue.js est une balise HTML personnalisée utilisée pour remplir des fonctions spécifiques. Elle est divisée en composants globaux et les composants globaux peuvent être utilisés dans toutes les balises bloquées. Les composants locaux sont définis dans Sur une certaine vue. exemple.

Qu'est-ce que le composant vue.js

[Recommandations d'articles connexes : vue.js]

Les composants sont utilisés pour remplir des fonctions spécifiques A balise HTML personnalisée

Par exemple :

<body>
    <mytag></mytag>
</body>
Copier après la connexion

Remarque : mytag est un composant, qui doit donner à mytag certaines fonctions via Vue

fonction du composant

le composant est une encapsulation du code de fonctionnalité (html, css, js). Le code du composant peut être réutilisé via le nom du composant

Classification des composants :<. 🎜>

Composants globaux et composants locaux

Remarque : le modèle du composant doit avoir une et une seule balise racine (tout le contenu doit être entouré d'une seule balise).

Composant global

1. Syntaxe du composant global :

Vue.component("自定义标签的名字",{配置对象})
Copier après la connexion

2. Caractéristiques du composant global :

  • Le composant global peut Utilisé dans n'importe quelle balise suspendue

  • L'objet de configuration du composant global doit contenir l'attribut de modèle

  • Composant local - est défini dans

sur une certaine instance de vue 1. Syntaxe locale :

var app = new Vue({
    el: "#app",
    data: {},
    components : {
        "局部组件的名字1" : {组件的配置对象}
          "局部组件的名字2" : {组件的配置对象}
    }
});
Copier après la connexion

2 Caractéristiques des composants locaux Les composants partiels ne peuvent être utilisés que dans les tags montés.

Recommandations d'apprentissage gratuites associées :

JavaScript(Vidéo)

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal