Heim > Web-Frontend > View.js > So verwenden Sie vue.entend in Komponenten

So verwenden Sie vue.entend in Komponenten

coldplay.xixi
Freigeben: 2020-12-23 17:33:37
Original
2574 Leute haben es durchsucht

Verwendung: 1. Erstellen Sie einen Div-Container, um die Komponente zu platzieren. 3. Erstellen Sie eine übergeordnete Komponente. 4. Registrieren Sie sich über Vue.components; ( ) {return {}}})“-Anweisung.

So verwenden Sie vue.entend in Komponenten

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue Version 2.9.6. Diese Methode ist für alle Computermarken geeignet.

【Empfohlene verwandte Artikel: vue.js

So verwenden Sie vue.entend in Komponenten:

1. Erweitern erstellt einen Komponentenkonstruktor, keine bestimmte Komponenteninstanz

Er kann also nicht direkt verwendet werden im neuen Vue so:

new Vue({components: first})
Nach dem Login kopieren

Am Ende müssen Sie sich über Vue.components registrieren, bevor Sie es verwenden können.

Erstellen Sie einen Div-Container, um die Komponente zu platzieren.

So verwenden Sie vue.entend in Komponenten

Erstellen Sie eine untergeordnete Komponente.

So verwenden Sie vue.entend in Komponenten

Erstellen Sie eine übergeordnete Komponente

Ergebnisse für : So verwenden Sie vue.entend in Komponenten

2. Beim Instanziieren des Extends-Komponentenkonstruktors muss das eingehende Attribut propsData und nicht props sein. Unabhängig davon, ob es sich um Vue.extend oder die Datendefinition in So verwenden Sie vue.entend in Komponenten handelt, muss es sich außerdem um ein Funktionsrückgabeobjekt handeln, z. B.

Vue.extend({data: function () {return {}}})
Nach dem Login kopieren

Zusätzlich zum neuen Vue können Sie Objekte direkt auf Daten festlegen, z. B.

new Vue({data: {}});
Nach dem Login kopieren

So verwenden Sie vue.entend in Komponenten

Das obige ist der detaillierte Inhalt vonSo verwenden Sie vue.entend in Komponenten. 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