Die Verwendung von Methoden und Datenattributen in Vuejs

In diesem Artikel stellen wir Ihnen vor, wie Sie Methoden und Datenattribute in Vue JS verwenden.

Hinweis: Wir verwenden Vue CLI, um das Projekt zu generieren.

Erstellen Sie unser Projekt

Lassen Sie uns schnell unser Vue-Projekt erstellen, indem Sie den folgenden Befehl ausführen.

vue create vue-app

Der obige Befehl lädt die erforderlichen Dateien im vue-app-Ordner herunter.

Verwenden Sie cd vue-app, um das Arbeitsverzeichnis zu ändern, und öffnen Sie dann den Projektordner mit Ihrem bevorzugten Code-Editor.

Navigieren Sie zur Datei src im Ordner App.vue, löschen Sie den gesamten Inhalt und ersetzen Sie ihn anschließend durch den folgenden Code.

App.vue

<template>
  <div>
    <h1>Hello Vuejs</h1>
  </div>
</template>

<script>
export default {};
</script>

<code><strong>data</strong>DatenEigenschaften

Im obigen Code exportieren wir das standardmäßig leere Objekt innerhalb des

Neueste Artikel des Autors

• 12 Punkte, die Sie beim Teilen von Interface-Design-Dokumenten beachten sollten
  2023-04-24 11:00:01
• Lassen Sie uns darüber sprechen, wie das Front-End Batterieinformationen erhält
  2023-04-24 10:55:51
• Detaillierte grafische Erklärung zur Integration des Ace-Code-Editors in ein Vue-Projekt
  2023-04-24 10:52:44
• Nutzen Sie acht Demos, um die fünf Hauptfunktionen von Go Language Defer zu verstehen
  2023-04-23 17:40:51
• Detaillierte Beschreibung des schwerwiegenden zeitaufwändigen Problems von file_get_contents und getimagesize
  2023-04-23 17:38:02
• Teilen Sie einen kostenlosen PHP-Bestätigungscode (mit Code)
  2023-04-23 17:34:02
• Was bedeutet lecker unter Linux?
  2023-04-23 10:15:45
• Was ist Linux JBoss?
  2023-04-23 10:10:52
• Teilen Sie mehrdimensionale Redis-Ranking-Ideen
  2023-04-21 16:01:59
• Ein Artikel, der ausführlich erklärt, wie der GRPC-Server über PHP+Roadrunner implementiert wird
  2023-04-21 15:58:01

Aktuelle Ausgaben

Die Ausführungsreihenfolge der VueJS-Planungsfunktionen verursacht Probleme Ich versuche, eine Liste von Ankündigungen (von der API abgerufen) auf einer Seite anzuzei...

Aus 2024-04-06 10:37:58

0

1

385

Erweitern von Vuejs-Vorlagen mit bedingten Komponenten Ich habe eine Liste verschiedener Ereignisse, wie unten gezeigt. Sie wird als logTypesexpo...

Aus 2024-04-03 16:16:14

0

1

346

VueJS 2-Anwendung zu 1 kompiliert Wir erstellen eine Anwendung mit VueJS als Frontend. Aber wir verschmelzen sozusagen zwei ...

Aus 2024-04-03 12:00:59

0

1

371

(Vuejs) Undefinierte Eigenschaft oder Methode für die Instanz, auf die beim Rendern verwiesen wird Ich habe eine einfache Schaltfläche zum Hinzufügen eines Artikels zu einer Liste: <labe...

Aus 2024-04-02 16:43:16

0

1

366

vuejs, ich möchte die ID/den Namen des Elternteils nur einmal für sein Kind drucken <tdv-if="currentId!=loop.id" class="text-center"><div:set=&qu...

Aus 2024-04-02 10:44:45

0

1

309

verwandte Themen

Mehr>

• Der Unterschied zwischen xdata und data
• Die Rolle der Registrierung eines Cloud-Servers
• Gängige Linux-Download- und Installationstools
• So lösen Sie den Löschdatei-Fehlercode 5
• Voraussichtliche Veröffentlichungszeit des iPhone 16
• oicq
• Verwendung von strncpy
• So entfernen Sie Personen von der Blacklist auf WeChat