Vue.js bietet als beliebtes JavaScript-Framework viele praktische Funktionen und syntaktischen Zucker, um unsere Entwicklung zu beschleunigen. In Vue.js können Sie häufig Schlüsselwörter, Variablen und Methoden sehen, die mit $ beginnen. Dieser Artikel konzentriert sich auf die Erläuterung der Verwendung von $ in Vue.js und ihrer Funktionen.
$el bezieht sich auf den von der Vue-Instanz bereitgestellten Element-HTML-Knoten. Jede Vue-Instanz verfügt über das Attribut $el, das verwendet wird, um das von der Instanz gemountete Root-DOM-Element abzurufen. Nachdem die Vue-Instanz erstellt wurde, können wir mit $el sehen, auf welchem Element die Instanz gemountet ist.
1 2 3 4 5 6 7 |
|
$data bezieht sich auf das in der Vue-Instanz definierte Datenobjekt. Jede Vue-Instanz verfügt über eine $data-Eigenschaft, mit der das Datenobjekt der aktuellen Instanz abgerufen werden kann. Über $data können wir alle Daten im Datenobjekt anzeigen.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
|
$props bezieht sich auf die von der übergeordneten Komponente in der verschachtelten Komponente übergebenen Eigenschaften, die dadurch abgerufen werden können.$props in der untergeordneten Komponente.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
$mount ist die Mountmethode der Vue.js-Instanz. Wenn das el-Attribut nicht in den Optionen der Instanz bereitgestellt wird, müssen Sie die Methode $mount manuell aufrufen, um die Vue-Instanz manuell zu mounten.
1 2 3 4 5 6 7 8 9 |
|
$watch ist eine von Vue.js bereitgestellte Abhörfunktion, mit der Änderungen in Daten beobachtet werden können. Immer wenn sich die Daten ändern, wird die Callback-Funktion in $watch ausgelöst. Wir können $watch verwenden, um Datenänderungen zu überwachen und bestimmte Vorgänge auszuführen.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
|
$refs verweist auf alle Referenzen, die der Vue-Instanz gehören. Wir können die Referenz des Elements über das ref-Attribut abrufen. DOM-Elemente können schnell über $refs in Vue.js abgerufen werden.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
|
$emit ist eine Methode der Vue.js-Instanz, die zum Auslösen eines benutzerdefinierten Ereignisses verwendet wird. Wenn wir ein Ereignis in einer untergeordneten Komponente auslösen möchten, können wir es mit $emit übergeben.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
|
$router ist ein Instanzobjekt des Vue.js-Routing-Plugins. Wir können $router verwenden, um einige Sprünge, Seitenwechsel und andere Funktionen zu implementieren. $router bietet viele Methoden zum Implementieren von Routing-Sprungfunktionen.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
Vuex ist die offiziell von Vue.js bereitgestellte Statusverwaltungsbibliothek. $store ist eine Eigenschaft der Vuex-Instanz. Wir können über $store auf die Zustandsobjekte und -methoden von Vuex zugreifen. $store bietet eine praktische Möglichkeit, den Status der Anwendung einheitlich zu verwalten.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
|
In Vue.js ist $ ein sehr wichtiges Zeichen und wird häufig in den integrierten Methoden des Vue-Frameworks verwendet. Hier stellen wir einige häufig verwendete Methoden und Variablen vor, die mit $ beginnen. $el und $data sind zu einfach, während andere Methoden eher zum Verständnis der Vue-Komponenten und des Vue-Lebenszyklus verwendet werden. In jedem Fall müssen wir ihren Zweck und ihre tatsächliche Verwendung kennen und verstehen, um das Vue.js-Framework besser erlernen und nutzen zu können.
Das obige ist der detaillierte Inhalt vonWelchen Nutzen hat $ beim Schreiben von Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!