Heim > Artikel > Web-Frontend > Was ist die vue.js-Komponente?
Was ist die vue.js-Komponente?
- coldplay.xixiOriginal
- 2020-11-10 16:34:182229Durchsuche
vue.js-Komponente ist ein benutzerdefiniertes HTML-Tag, das zur Ausführung bestimmter Funktionen verwendet wird. Es ist in globale Komponenten und lokale Komponenten unterteilt, die in allen hängenden Tags verwendet werden können, und lokale Komponenten werden in einer bestimmten Vue-Instanz definiert.
【Verwandte Artikelempfehlung: vue.js】
Komponente ist ein benutzerdefiniertes HTML-Tag, das zum Ausführen einer bestimmten Funktion verwendet wird
Zum Beispiel:
<body>
<mytag></mytag>
</body>Hinweis: Mytag ist eine Komponente, diese Komponente ist Mytag Bestimmte Funktionen müssen über Vue bereitgestellt werden Komponente.
Komponentenklassifizierung:
Globale Komponenten und lokale Komponenten
Hinweis: Die Vorlage einer Komponente darf nur ein Root-Tag haben (alle Inhalte müssen von einem Tag umschlossen sein). Globale Komponente
1. Syntax der globalen Komponente:
Vue.component("自定义标签的名字",{配置对象})2. Funktionen der globalen Komponente:
Globale Komponente kann in jedem hängenden Tag verwendet werden.
- Muss im Konfigurationsobjekt der globalen Komponente enthalten sein Das Vorlagenattribut
- Lokale Komponente – wird auf einer bestimmten Vue-Instanz definiert
- 1. Lokale Syntax:
var app = new Vue({ el: "#app", data: {}, components : { "局部组件的名字1" : {组件的配置对象} "局部组件的名字2" : {组件的配置对象} } });
Lokale Komponenten können nur dort verwendet werden, wo sie verwendet werden montierte Tags.
Verwandte kostenlose Lernempfehlungen:
JavaScriptDas obige ist der detaillierte Inhalt vonWas ist die vue.js-Komponente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!