Kapitel 2. Wie Vue funktioniert: Die Grundlagen
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Im vorigen Kapitel hast du die wichtigsten Werkzeuge für die Erstellung einer Vue-Anwendung kennengelernt und deine erste Vue-Anwendung erstellt, um dich auf den nächsten Schritt vorzubereiten: zu lernen, wie Vue funktioniert, indem du Vue-Code schreibst.
Dieses Kapitel macht dich mit den Konzepten des Virtual Document Object Model (Virtual DOM) und den Grundlagen des Schreibens einer Vue-Komponente mit der Vue Options API vertraut. Außerdem werden weitere Vue-Direktiven und der Vue-Reaktivitätsmechanismus vorgestellt. Am Ende des Kapitels wirst du verstehen, wie Vue funktioniert und in der Lage sein, eine Vue-Komponente zu schreiben und zu registrieren, die du in deiner Anwendung verwenden kannst.
Virtuelles DOM unter der Haube
Vue arbeitet nicht direkt mit dem Document Object Model (DOM). Stattdessen implementiert es sein virtuelles DOM, um die Leistung der Anwendung zur Laufzeit zu optimieren.
Um ein solides Verständnis dafür zu entwickeln, wie das virtuelle DOM funktioniert, beginnen wir mit dem Konzept des DOMs.
Das DOM stellt den Inhalt von HTML- (oder XML-) Dokumenten im Web in Form einer speicherinternen baumartigen Datenstruktur dar (siehe Abbildung 2-1). Es dient als Programmierschnittstelle, die die Webseite und den eigentlichen Programmiercode (z. B. JavaScript) miteinander verbindet. ...
Get Vue lernen now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
