fbpx

Vue.js kurz & gut

Vue ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen monolithischen Frameworks ist Vue von Grund auf schrittweise anpassbar.
saeid-samani-vuejs

Was ist Vue.js?

Vue (ausgesprochen / vjuː /, wie view) ist ein fortschrittliches Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen monolithischen Frameworks ist Vue von Grund auf schrittweise anpassbar. Die Kernbibliothek konzentriert sich nur auf die Ansichtsebene und kann problemlos in andere Bibliotheken oder vorhandene Projekte integriert werden. Andererseits ist Vue auch in der Lage, anspruchsvolle Single-Page-Anwendungen in Kombination mit modernen Werkzeugen und unterstützenden Bibliotheken zu unterstützen.

Vue.js wurde mit einer einfachen API entwickelt, die den Einstieg im Vergleich zu den Konkurrenten wie React und Angular erleichtert. Im Gegensatz zu React oder Angular besteht einer der Vorteile von Vue in der sauberen HTML-Ausgabe.

Installation von Vue.js Framework

Wir werden unsere Anwendung in einer einzigen HTML-Seite erstellen. Dies bedeutet, dass das JavaScript zum Initialisieren und Steuern von Vue am Ende unserer Seite platziert wird. Dadurch bleibt unser gesamter Code erhalten und kann problemlos ausgeführt werden auf deinem Computer.

Öffnen Sie Ihren bevorzugten Texteditor und erstellen Sie eine neue HTML-Seite. Verwenden Sie die folgende Vorlage als Ausgangspunkt:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Vue.js App</title>
  </head>
  <body>
    <!-- Anwendungsblock START -->
    <div id="app">
    </div>
    <!-- Anwendungsblock ENDE -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script type="text/javascript">
      // Javascript Code hier
    </script>
  </body>
</html>

Für die Produktion empfehlen wir, auf eine bestimmte Versionsnummer zu verweisen und diese zu erstellen, um unerwartete Fehler bei neueren Versionen zu vermeiden

Hiermit haben wir bereits eine erste Vue-Anwendung geschrieben. Was im ersten Moment lediglich wie das Rendern eines Strings aussieht, ist in Wirklichkeit viel mehr. Das DOM der HTML-Seite und die Daten von Vue sind nun miteinander verknüpft. Durch diese Abhängigkeit werden Änderungen an den Daten sofort im Browser sichtbar. Dieses deklarative Rendering ist eine der Kernfunktionen von Vue.

Peterke, Lars. Vue.js kurz & gut (German Edition) . O’Reilly. Kindle-Version.

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.