Was ist die Vorkompilierung von Vue-Vorlagen?

Wenn Vue gepackt wird, wird die Vorlage in der Komponente direkt in eine Renderfunktion konvertiert. Dies wird als Vorlagenvorkompilierung bezeichnet. Die Vorteile der Vorlagenvorkompilierung: Vorlagen müssen nicht mehr zur Laufzeit kompiliert werden, was die Ausführungseffizienz verbessert, und der von Vue kompilierte Code wird in den Verpackungsergebnissen nicht mehr benötigt, wodurch das Verpackungsvolumen reduziert wird.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer.

Template-Vorkompilierung

Bei der Verwendung von Templates im DOM oder String-Templates in JavaScript werden die Templates zur Laufzeit in Rendering-Funktionen kompiliert. Normalerweise ist dieser Vorgang schnell genug, aber leistungsempfindliche Anwendungen sollten diese Verwendung am besten vermeiden.

Der einfachste Weg, Vorlagen vorzukompilieren, ist die Verwendung von Einzeldateikomponenten – die entsprechenden Build-Einstellungen übernehmen automatisch die Vorkompilierung, sodass der erstellte Code bereits die kompilierte Rendering-Funktion anstelle der ursprünglichen Vorlagenzeichenfolge enthält.

Wenn Sie Webpack verwenden und JavaScript- und Vorlagendateien trennen möchten, können Sie den vue-template-loader verwenden, der während des Erstellungsprozesses auch Vorlagendateien in JavaScript-Renderingfunktionen konvertieren kann.

Einfach ausgedrückt: Wenn Vue gepackt wird, wird die Vorlage in der Komponente direkt in eine Renderfunktion konvertiert. Dies wird als Vorlagenvorkompilierung bezeichnet. Der Vorteil davon ist:

Sie müssen die Vorlage nicht mehr kompilieren Vorlage zur Laufzeit, verbessert die Betriebseffizienz, erfordert keinen Vue-kompilierten Code mehr in den Verpackungsergebnissen und reduziert das Verpackungsvolumen

Das obige ist der detaillierte Inhalt vonWas ist die Vorkompilierung von Vue-Vorlagen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!