Vue lernen

Kapitel 7. Fortgeschrittenes Rendering, dynamische Komponenten und Plugin-Komposition

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: [e-mail]

In den vorherigen Kapiteln hast du gelernt, wie Vue funktioniert, wie du Komponenten mit der Options API und der Composition API zusammenstellst und wie du mit Axios Daten aus einer externen Ressource in deine Vue-Anwendung einbindest.

In diesem Kapitel wird ein fortgeschrittener Aspekt des Renderings in Vue vorgestellt. Wir lernen, wie man funktionale Komponenten mit der Rendering-Funktion und JSX berechnet und wie man Elemente mit dem Komponenten-Tag von Vue dynamisch und bedingt rendert. Außerdem lernen wir, wie man ein benutzerdefiniertes Plugin für dieAnwendung registriert.

Die Render-Funktion und JSX

Mit der Vue-Compiler-API verarbeitet und kompiliert Vue alle HTML-Templates, die für eine Vue-Komponente verwendet werden, beim Rendering in das Virtual DOM. Wenn die Daten einer Vue-Komponente aktualisiert werden, löst Vue die interne Renderfunktion aus, um den neuesten Wert an das Virtual DOM zu senden .

Die Verwendung von template ist der gängigste Ansatz zur Erstellung einer Komponente. In bestimmten Szenarien ist es jedoch notwendig, den HTML-Template-Parser zu umgehen, z. B. bei der Optimierung der Leistung, bei der Arbeit an einer serverseitigen Rendering-Anwendung oder bei der Arbeit an einer dynamischen Komponentenbibliothek. Da render() den gerenderten ...