Alles, was Sie brauchen, um mit Vue.js zu beginnen

Wahrscheinlich haben Sie beim Lesen dieser Zeilen bereits von dem JavaScript-Framework namens Vue gehört . Wenn Sie es ausprobieren wollten, sich aber nicht wirklich vorgestellt haben, womit Sie beginnen sollten, wurde dieses Material speziell für Sie geschrieben. Sein Autor sagt, er möchte darüber sprechen, warum er Vue wirklich mag. Darüber hinaus wird er allen vier Möglichkeiten vorstellen, die erste Anwendung in Vue zu schreiben.

Materialübersicht

Normalerweise versuche ich, nicht über zu viele Möglichkeiten zu sprechen, um dieselben Probleme für diejenigen zu lösen, die gerade erst anfangen, einen bestimmten Rahmen zu lernen. In diesem Fall halte ich es jedoch für sehr wichtig, einige Möglichkeiten zur Entwicklung der ersten Vue-Anwendung aufzuzeigen. Vielleicht arbeiten Sie gerne mit der Befehlszeile oder mit Tools, die mit einer grafischen Oberfläche ausgestattet sind. Beide sind für die Vue-Entwicklung geeignet. Darüber hinaus können Vue-Anwendungen geschrieben werden, ohne auf die Befehlszeile zurückzugreifen. Fügen Sie dazu einfach ein Tag zur HTML-Seite hinzu, um das entsprechende Skript zu laden. Und schließlich möchten Sie sich möglicherweise keine Gedanken über die Einrichtung Ihrer Entwicklungsumgebung machen. Stattdessen bemühen Sie sich, Vue so schnell wie möglich ohne unnötige Bewegungen auszuprobieren. Unabhängig davon, welcher Strategie Sie folgen, finden Sie hier etwas, das Ihnen den Einstieg in Vue erleichtert.

Beim Lesen dieses Materials werden Sie auf Links zu nützlichen Ressourcen stoßen. Und wenn Sie diesen ganzen Artikel lesen, sage ich Ihnen, worauf Sie achten sollten, um Vue weiter zu studieren. Es sollte beachtet werden, dass wir hier nicht auf die Feinheiten von Vue eingehen werden, sondern nicht alle möglichen Mechanismen dieses Rahmens berücksichtigen werden. Wir werden uns mit den Grundlagen befassen und zur ersten funktionierenden Anwendung gelangen.

Lassen Sie uns zunächst über einige interessante Funktionen von Vue sprechen.

Vue Stärken

Die Stärke von Vue ist meiner Meinung nach, wie freundlich dieser Rahmen für Neulinge ist. Das Vue-Entwicklungsteam hat hervorragende Arbeit geleistet und versucht sicherzustellen, dass Entwickler mit unterschiedlichen Qualifikationen schnell produktiv mit dem Framework arbeiten können. Wenn Sie HTML, CSS und JavaScript kennen, bedeutet dies, dass Sie buchstäblich einen Schritt von der Entwicklung ziemlich leistungsfähiger Anwendungen auf Vue entfernt sind.

Ich glaube auch, dass Vue unter den drei führenden Front-End-Entwicklungswerkzeugen (Angular, React und Vue) die niedrigsten Eintrittsbarrieren aufweist. Dies gilt aus mehreren Gründen, aber für mich sind es drei Hauptmerkmale von Vue:

• Tolle Dokumentation.
• Wunderbare Gemeinschaft.
• Dies ist ein progressiver Rahmen.

▍ Dokumentation

Wenn Sie mit Entwicklern sprechen, die Vue mögen, werden viele von ihnen zunächst über die Qualität der Dokumentation für dieses Framework sprechen. Wenn Sie Vue.js besuchen, stellen Sie möglicherweise fest, dass die Dokumentation in mehrere Abschnitte unterteilt ist:

• Führung . Hier finden Sie alles, was Sie brauchen, um mit Vue.js zu beginnen. Dieser Abschnitt ist in leicht verständliche Unterabschnitte unterteilt, die den Leser in die Konzepte einführen, die für die Entwicklung komponentenbasierter Anwendungen erforderlich sind.
• API Dieser Abschnitt enthält eine detaillierte Beschreibung der Vue-API. Wenn Sie beispielsweise jemals auf eine Methode stoßen, bei der Sie sich nicht ganz sicher sind, hilft der Besuch dieses Abschnitts, die Situation zu klären.
• Empfehlungen Hier finden Sie wunderbare Empfehlungen, mit denen Sie das Auftreten von Fehlern vermeiden können. Diese Empfehlungen können den Entwickler vor der Verwendung von Anti-Patterns warnen. Wichtig ist, dass es sich eher nicht um harte Regeln handelt, sondern um eine Art Leitfaden. Nachdem Sie sich mit Vue vertraut gemacht haben, schreiben Sie einige Anwendungen. Ich würde Ihnen empfehlen, die Materialien in diesem Abschnitt zu lesen. Ich glaube, dies ist eine sehr wertvolle Wissensquelle über Vue.
• Beispiele . Hier finden Sie Beispiele für von Vue entwickelte Anwendungen. An Ihrer Stelle hätte ich hier nicht gesucht, bis ich mich ein wenig an die Entwicklung von Komponenten gewöhnt hätte. Wenig später, wenn Sie wissen möchten, wie vollwertige Vue-Anwendungen angeordnet sind, sollten Sie diesen Abschnitt lesen.
• Rezeptbuch . Dieser Abschnitt enthält Antworten auf häufig gestellte Fragen zu Vue. Zum Beispiel zu solchen Fragen: "Wie führe ich eine Formularvalidierung durch?", "Wie führe ich Unit-Tests einer Komponente durch?". Dies ist wiederum eine wertvolle Ressource, aber die Entwicklung der Materialien sollte auf den Moment verschoben werden, in dem Sie ähnliche Fragen wie die oben aufgeführten haben.
• Tools und Kernbibliotheken. Vue verfügt über hervorragende Tools und Kernbibliotheken. Wir werden darauf nicht näher eingehen, da wir so schnell wie möglich mit dem Schreiben von Code beginnen müssen. Ich werde hier einige Links zu Materialien geben, deren Existenz nützlich ist, um sie zu kennen. Unter den Vue-Tools würde ich Folgendes beachten: Entwicklertools , Vue CLI , Vue Loader . Hier finden Sie Links zu Materialien zu offiziellen Bibliotheken: Vue Router , Vuex , Vue Server Renderer .

▍ Gemeinschaft

Als Programmierer fühle ich mich in mehrere großartige Communities involviert. Eine davon ist die Vue-Community. Seine Mitglieder sind freundlich, freundlich, sie sind mehr als bereit, denen zu helfen, die es brauchen. Ich empfehle, den folgenden Mitgliedern der Vue-Community auf Twitter zu folgen. So ist es für Sie am einfachsten zu verstehen, was sie tun, und herauszufinden, was sie leben. Hier sind die Links:

• Evan du
• Chris Fritz
• Sarah Drasner
• Damian Sulisz
• Divya Sasidharan
• Guillaume Chau
• Ben Hong
• Sebastien Chopin
• Natalia Tepluhina
• Edd Yerburgh

UeVue ist ein progressives Framework

Wenn Sie die Homepage von Vue.js besuchen, können Sie sehen, dass sie dort heißt: "Progressive JavaScript Framework". Auf den ersten Blick mag dies wie ein gewöhnlicher Marketingtrick erscheinen, aber wenn Sie ein wenig Verständnis für die Essenz von Vue haben, können Sie verstehen, dass dies nicht der Fall ist. Lassen Sie uns zunächst die Bedeutung des Wortes "progressiv" bestimmen. Es ist etwas, das allmählich oder schrittweise geschieht oder sich entwickelt; es ist etwas, das Schritt für Schritt durchgeführt wird.

Bald werden Sie feststellen, dass Sie bei der Entwicklung von Vue-Anwendungen arbeiten können, indem Sie die Funktionen dieses Frameworks schrittweise in diese einführen. Wenn Sie beispielsweise bereits ein bestimmtes Projekt haben, können Sie es problemlos mit Vue-Unterstützung ausstatten. Sie können beginnen, indem Sie das Vue-Skript laden und einige Codezeilen schreiben.

Wenn Sie die Vue-CLI, das Vue-Befehlszeilentool, verwenden möchten, um ein neues Projekt mit den erforderlichen Funktionen bereitzustellen, ist dies ebenfalls kein Problem. Wenn Ihre Anwendung wächst und Sie einige ziemlich erweiterte Funktionen wie Routing oder Statusverwaltung benötigen, wird es nicht schwierig sein, die Anwendung mit diesen Funktionen auszustatten.

Wie bereits erwähnt, ist Vue ein erschwinglicher Rahmen. Wenn Sie bereits mit HTML, CSS und JavaScript vertraut sind, können Sie mit Vue beginnen. In der Tat, wenn Sie wirklich anfangen möchten, Vue-Anwendungen zu schreiben, dann schlage ich vor, dies zu tun.

Option 1: Mit der Seite verbundenes Vue-Skript

Die erste Möglichkeit, Vue zu verwenden, besteht darin, ein Vue-Skript mithilfe des <script> mit der Seite zu verbinden. Wenn Sie bereits mit JavaScript gearbeitet haben, gibt es nichts Neues für Sie. Wir sprechen nämlich über die Tatsache, dass es eine HTML-Seite gibt, die mit einigen Funktionen ausgestattet sein muss, die in einer JS-Bibliothek implementiert sind. Zu diesem Zweck wird die Bibliothek über das <script> mit der Seite verbunden. Es ist zu beachten, dass die hier betrachtete Methode zur Verwendung von Vue nicht nur zur Entwicklung einer Trainingsanwendung geeignet ist. Es findet Anwendung in realen Projekten.

Es ist normalerweise ziemlich schwierig, neue Tools, Bibliotheken oder Frameworks in reale Projekte einzuführen, beispielsweise in der Organisation, in der der Programmierer arbeitet. Zum Beispiel arbeiten Sie sehr gerne mit Vue. Sie gehen zu den Behörden und fragen, ob Sie das gesamte Projekt in Vue umschreiben können. Bei der Beantwortung einer solchen Frage werden fast keine Optionen sofort abgelehnt. Wenn Sie anbieten, Vue auf einer bestimmten Seite zu verwenden, an deren Entwicklung Sie derzeit beteiligt sind, wird ein solches Angebot möglicherweise angenommen.

Im folgenden Beispiel werden wir eine sehr primitive Anwendung entwickeln, was gut ist, da es sehr praktisch ist, einige Vue-Konzepte darauf zu berücksichtigen.

▍ "Hallo, Vue!"

In dieser Anwendung wird der Text "Hallo, Vue!" Und unter dem Text die aktuelle Uhrzeit und das aktuelle Datum angezeigt. Dann schreiben wir einen Code, der Datum und Uhrzeit auf dem neuesten Stand hält. Infolgedessen kann der Anwendungsbenutzer es als reguläre Uhr verwenden und den Zeitablauf beobachten. Erstellen Sie einen neuen Ordner, erstellen Sie eine index.html Datei darin und fügen Sie dieser Datei den folgenden Code hinzu:

 <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta http-equiv="X-UA-Compatible" content="ie=edge">  <title>Hello, Vue.js</title> </head> <body> </body> </html> 

Jetzt haben wir den Seitenrahmen, die Grundlage für die zukünftige Anwendung. Daher besteht unser nächster Schritt darin, das Skript Vue.js. mit dieser Seite zu verbinden. Fügen Sie dem Seitencode direkt über dem schließenden </body> Folgendes hinzu:

 <!--             --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> </script> 

Achten Sie auf den Kommentar. Er weist auf eine wichtige Sache hin. Jetzt haben wir nämlich die für die Entwicklung vorgesehene Version von Vue mit der Seite verbunden. Wenn eine bestimmte Seite für den tatsächlichen Gebrauch vorgesehen ist, müssen Sie die Produktionsversion des Skripts damit verbinden. Details dazu finden Sie hier .

Nachdem wir das Skript verbunden haben, müssen wir zunächst das Stammelement zu der Seite hinzufügen, mit der die Vue-Instanz verbunden wird:

 <div id="app"> </div> 

Erstellen Sie anschließend eine neue Vue-Instanz und teilen Sie ihm mit, mit welchem ​​Stammelement er eine Verbindung herstellen muss:

 <script>  const app = new Vue({    el: '#app'  }) </script> 

Erstellen Sie nun einige Variablen. Sie speichern die Werte, mit denen wir Informationen auf der Seite anzeigen. Dies erfolgt durch Deklarieren der Eigenschaften des data :

 <script>  const app = new Vue({    el: '#app',    data: {      message: 'Hello, Vue!',      now: new Date()     }) </script> 

Nachdem die Daten fertig sind, können wir auf die Fähigkeit von Vue zurückgreifen, sie auf der Seite anzuzeigen. Dies geschieht mit einfachen, leicht lesbaren Konstruktionen:

 <div id="app">  <h1>{{ message }}</h1>  <p>{{ now }}</p> </div> 

Jetzt können Sie sich dazu beglückwünschen, dass Sie gerade Ihre erste Vue.js-Anwendung erstellt haben. Wenn Sie index.html in einem Browser öffnen, sollte eine Seite angezeigt werden, auf der "Hallo, Vue!" In großen Buchstaben geschrieben ist. Unter dieser Inschrift sollte sich eine Zeile befinden, in der das aktuelle Datum und die aktuelle Uhrzeit angezeigt werden. Während der Entwicklung und Recherche meiner Version des Beispiels habe ich Visual Studio Code und die Live Server- Erweiterung verwendet.

Was wir hier gemacht haben, sieht nicht nach einem besonders fortgeschrittenen Projekt aus. Aber in den Eingeweiden von Vue passieren viele Dinge, die es diesem Projekt ermöglichen, so zu arbeiten, wie wir es brauchen. Das Framework stellte die Verbindung zwischen dem DOM und den Daten her, wonach die Anwendung reaktiv wurde. Wie überprüfen wir das? Sehr einfach - öffnen Sie einfach die JS-Konsole (direkt auf der Anwendungsseite) und schreiben Sie etwas in app.message . Dies sollte zu einer Änderung der auf der Seite angezeigten Beschriftung führen. Unten sehen Sie, wie es aussehen könnte.


Anwendungsforschung

Mit Vue können Entwickler auch Handler für Komponentenlebenszyklusereignisse erstellen. Dies bedeutet, dass wir Ereignisse wie created , mounted und destroyed abhören können. Wenn ein Ereignis eintritt, können Sie die Ausführung eines Codes organisieren. Ich werde nicht auf Details eingehen, da der Hauptzweck dieses Materials darin besteht, verschiedene Methoden zum Erstellen von Vue-Anwendungen zu demonstrieren und nicht alle Feinheiten des Frameworks zu zerlegen. Jetzt schauen wir uns jedoch noch an, wie die Verarbeitung von Komponentenlebenszyklusereignissen aussieht, und werden die Arbeit an unserer ersten Anwendung beenden.

Dank des folgenden Codes wird der Wert der Variablen now jede Sekunde aktualisiert. Beim Mounten von Vue verwenden wir setInterval , um jede Sekunde einen Funktionsaufruf einzurichten, um Datum und Uhrzeit zu aktualisieren. Sie können Lifecycle-Ereignishandler erstellen, indem Sie dem Methodenobjekt die entsprechenden Methoden hinzufügen. Dies ist sehr ähnlich zu der Art und Weise, wie wir mit dem data . Hier ist der Code:

 <script>  const app = new Vue({    el: '#app',    data: {      message: 'Hello Vue!',      now: new Date()    },    methods: {      updateDate() {        this.now = new Date();      }    },    mounted() {      setInterval(() => {        this.updateDate();      }, 1000);    }  }) </script> 

Wenn Sie diese Seite in einem Browser öffnen, ändert sich ihr Erscheinungsbild nicht, aber die darauf angezeigte Zeit wird jede Sekunde aktualisiert. In diesem Fall müssen wir das DOM nicht manuell aktualisieren. Vue verknüpfte Daten mit dem DOM. Wenn sich Daten ändern, ändert sich auch das, was auf der Seite angezeigt wird.

Option 2: Vue CLI

Obwohl wir die Anwendung durch einfaches Verbinden des Vue-Skripts mit der Seite erstellt haben, ist dieser Ansatz nicht sehr skalierbar. Wenn Sie eine vollwertige einseitige Anwendung (Single Page Application, SPA) entwickeln müssen und gleichzeitig die Vue-Hilfstools verwenden möchten, greifen Sie am besten auf die Vue-CLI zurück.

Wenn Sie zu denjenigen gehören, die nicht wirklich gerne an der Befehlszeile arbeiten, können Sie ein Tool mit ähnlichen Funktionen verwenden, das über eine grafische Oberfläche (Vue UI) verfügt.

▍Installieren der Vue-CLI

Zuerst müssen wir die Vue CLI installieren. Bevor Sie dies tun, müssen Sie Node.js und npm erhalten. Wenn Sie noch nicht mit Node.js und npm gearbeitet haben, nehmen Sie sich etwas Zeit, um sie kennenzulernen und ein wenig zu verstehen. Hier ist der Befehl zum Installieren der Vue-CLI:

 npm install -g @vue/cli 

Um eine neue Anwendung zu erstellen, können Sie den Befehl vue create . Mit dem Befehl vue -h können Sie die Liste der von vue unterstützten Befehle ermitteln.


Liste der von vue unterstützten Befehle

Der Befehl create akzeptiert den Namen der Anwendung. Erstellen Sie eine neue Vue-Anwendung, indem Sie den folgenden Befehl ausführen:

 vue create hello-vue 

Während dieses Befehls wird im aktuellen Verzeichnis ein neuer hello-vue Ordner erstellt. Eine detaillierte Beschreibung des Erstellungsprozesses einer Anwendung mit vue create verdient einen separaten Artikel.

Im Moment reicht es aus, dass wir den Standardeinstellungen zustimmen. Dies führt zur Erstellung einer neuen Anwendung.


Erstellen einer neuen Anwendung mit der Vue-CLI

Wechseln Sie nun in den Ordner " hello-vue ", öffnen Sie die Datei unter src/components/HelloWorld.vue und ersetzen Sie den gesamten Inhalt durch den folgenden Code:

 <template>  <div class="hello">    <h1>{{ msg }}</h1>    <p>{{ now }}</p>  </div> </template> <script> export default {  name: "HelloWorld",  props: {    msg: String  },  data() {    return {      now: new Date()    };  },  methods: {    updateDate() {      this.now = new Date();     },  mounted() {    setInterval(() => {      this.updateDate();    }, 1000); }; </script> 

Bitte beachten Sie, dass der Wert des in msg angezeigten Textes in der src/App.vue .

Führen Sie nun in der Befehlszeile oder im in Ihren Editor integrierten Terminal den folgenden Befehl aus:

 npm run serve 

Der Server wird gestartet. Anschließend werden Informationen zum Öffnen der Startseite der Anwendung angezeigt. Dies ist nämlich http: // localhost: 8080 / .


Vue-Anwendung im Browser

Hier haben wir die Verwendung von Vue CLI nur sehr oberflächlich untersucht. Ich hoffe jedoch, dass dieses Beispiel Ihnen gezeigt hat, wie einfach es ist, mit Vue CLI neue Anwendungen zu erstellen, die über eine zuverlässige Infrastruktur verfügen und entsprechend den wachsenden Anforderungen eines sich entwickelnden Projekts skaliert werden können.

Option 3: Vue-Benutzeroberfläche

Zusammen mit der Vue-CLI und dem Befehlszeilentool wird auch das Vue-UI-Tool installiert. Verwenden Sie zum Starten den folgenden Befehl:

 vue ui 

Während der Ausführung wird die Seite der neuen Anwendung unter http: // localhost: 8000 / dashboard geöffnet.


Vue UI-Seite

Mit der Vue-Benutzeroberfläche können Sie ein neues Projekt erstellen, das über dieselben Funktionen verfügt wie ein Projekt, das mit Befehlszeilentools erstellt wurde.


Erstellen eines neuen Projekts in der Vue-Benutzeroberfläche

Nachdem das Projekt-Setup abgeschlossen ist, können Sie es direkt über die Vue-Benutzeroberfläche starten, indem Sie im Abschnitt Project tasks auf die entsprechende Schaltfläche klicken.


Ausführen einer Anwendung in der Vue-Benutzeroberfläche

Option 4: CodeSandbox

Mit den oben genannten Optionen zum Erstellen der ersten Vue-Anwendung konnten wir zwar unser Ziel erreichen, sie erfordern jedoch eine gewisse Konfiguration der Entwicklungsumgebung. Vielleicht passt das nicht zu Ihnen und Sie haben Ihre erste Vue-Anwendung noch nicht erstellt. Wenn ja, dann schauen wir uns jetzt eine andere Möglichkeit an, mit Vue zu arbeiten. Es besteht aus der Verwendung von Online-Entwicklungsumgebungen, von denen eine CodeSandbox ist .

Bevor Sie Projekte in CodeSandbox erstellen, müssen Sie sich auf der Site registrieren oder sich mit einem GitHub-Konto anmelden. Danach müssen Sie eine neue „Sandbox“ erstellen (im Rahmen des Projekts heißt sie „Sandbox“) und Vue unter den verfügbaren Vorlagen finden (auf der Registerkarte Popular templates oder Client templates ).


Erstellen eines neuen Vue-basierten Projekts in CodeSandbox

Danach steht Ihnen eine neue Vue-Anwendung zur Verfügung. In der nächsten Abbildung sehen Sie, dass Sie im linken Bereich mit Projektdateien arbeiten können, in der Mitte das Editorfenster und rechts der Vorschaubereich, in dem die Arbeitsanwendung angezeigt wird.


Arbeiten Sie an der Anwendung in CodeSandbox

Öffnen Sie die Datei src/components/HelloWorld.vue im Editor und ersetzen Sie ihren Inhalt durch den folgenden Code:

 <template>  <div class="hello">    <h1>{{ msg }}</h1>    <p>{{ now }}</p>  </div> </template> <script> export default {  name: "HelloWorld",  props: {    msg: String  },  data() {    return {      now: new Date()    };  },  methods: {    updateDate() {      this.now = new Date();     },  mounted() {    setInterval(() => {      this.updateDate();    }, 1000); }; </script> 

Danach sehen Sie dieselbe Anwendung, an der wir bereits gearbeitet haben. Wenn Sie an einem Projekt arbeiten, muss es möglicherweise jemandem gezeigt werden. Zum Beispiel, um sich über etwas zu beraten. Mit CodeSandbox können Sie dies über einen speziellen Link tun.


Arbeiten Sie an der Anwendung in CodeSandbox

Nützliche Ressourcen

Hier finden Sie Links zu einigen meiner bevorzugten Vue-Ressourcen. Sie werden Ihnen helfen, die Entwicklung dieses Frameworks voranzutreiben. Hier ist zum Beispiel die Awesome Vue- Seite, auf der Sie sich ein Bild von der Größe des Vue-Ökosystems machen können. Hier finden Sie Vue-Repositories. Hier ist der offizielle Projektblog. Hier ist die Community-Site der Vue-Entwickler. Los geht's - Vue Podcasts. Hier sind die Seiten mehrerer Vue-basierter Projekte: VuePress , Nuxt , Gridsome .

Was weiter?

Unabhängig davon, mit welchem ​​Framework Sie das Frontend entwickeln, müssen Sie Ihre JavaScript-Kenntnisse in gutem Zustand halten. Je mehr Zeit Sie für die Verbesserung Ihrer JS-Kenntnisse verwenden können, desto besser. Wenn Sie JavaScript gut kennen, bedeutet dies, dass Sie mit jedem Framework oder jeder Bibliothek umgehen können, mit denen Sie möglicherweise arbeiten müssen.

Ich habe bereits über das Vue- Handbuch aus der offiziellen Dokumentation gesprochen. Aber es ist noch einmal erwähnenswert. Wenn ich ein unerfahrener Entwickler wäre, würde ich versuchen, dieses Handbuch so gründlich wie möglich zu behandeln, es zu lesen und es erneut zu lesen. Gleichzeitig würde ich nicht vergessen, die dort gefundenen Codebeispiele in die Praxis umzusetzen. Kein Wunder, dass sie sagen, dass Wiederholung die Mutter des Lernens ist. Wiederholung spielt eine wichtige Rolle beim Erlernen neuer Technologien, und Sie können nicht darauf verzichten.

Wenn Sie mit Dokumentation arbeiten, sollten Sie die folgenden grundlegenden Vue-Konzepte besonders beachten:

• Die Komponenten.
• Datenbindung.
• Ereignisbehandlung.
• Richtlinien.
• Methoden
• Berechnete Eigenschaften.
• Komponentenlebenszyklus.
• Eigenschaften, die an Komponenten übergeben werden.

Versuchen Sie vorerst nicht, große Anwendungen zu erstellen. Konzentrieren Sie sich darauf, die grundlegenden Dinge zu beherrschen, und alles andere wird im Laufe der Zeit kommen.

Zusammenfassung

Wenn Sie meinen Posts auf Twitter folgen, wissen Sie, dass ich ein großer Fan von Vue bin. Ich mag es, komponentenbasierte Anwendungen zu erstellen. Ich glaube, dass die Verwendung von Vue nicht nur die Arbeit vereinfacht, sondern auch das Schreiben von Code zu einer angenehmen und aufregenden Erfahrung macht.

Liebe Leser! Wenn Sie kürzlich Ihr erstes Client-Framework studieren mussten, teilen Sie uns bitte mit, wie es war.