Maison > Article > interface Web > Qu'est-ce que le composant vue.js
Qu'est-ce que le composant vue.js
- coldplay.xixioriginal
- 2020-11-10 16:34:182246parcourir
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.
[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>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 locauxRemarque : le modèle du composant doit avoir une et une seule balise racine (tout le contenu doit être entouré d'une seule balise). Composant global1. Syntaxe du composant global :Vue.component("自定义标签的名字",{配置对象})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" : {组件的配置对象}
}
});
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!