Heim > Web-Frontend > View.js > Hauptteil

Was ist die vue.js-Komponente?

coldplay.xixi
Freigeben: 2020-11-30 17:00:09
Original
2239 Leute haben es durchsucht

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.

Was ist die vue.js-Komponente?

【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>
Nach dem Login kopieren

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("自定义标签的名字",{配置对象})
Nach dem Login kopieren

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" : {组件的配置对象}
        }
    });
    Nach dem Login kopieren
    2. Eigenschaften lokaler Komponenten

    Lokale Komponenten können nur dort verwendet werden, wo sie verwendet werden montierte Tags.

    Verwandte kostenlose Lernempfehlungen:

    JavaScript

    (Video)

    Das 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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage