Detaillierte Untersuchung von vue2.x - Erklärung der h-Funktion

Vue-Projekt. Der in der Vorlage der VUE-Datei geschriebene Code muss mithilfe des Webpack-Vorlagenparser-Plugins analysiert werden. Wenn eine einzelne HTML-Datei eine Vue-Datei einführt, führt die Vue-Datei auch den Vorlagenparser ein (der Nachteil besteht in ihrer großen Größe).

Wenn wir technische Entwicklungsprojekte verwenden, müssen wir daher vue-template-compile in die Datei package.json einführen, um die Vorlage zu analysieren.

Wenn kein Vorlagenparser vorhanden ist, kann es nicht analysiert werden, aber vue-template-compile kann nur Vorlagen in .vue-Dateien analysieren und kann keine Vorlagen in .js-Dateien analysieren:

Wenn wir das also schreiben, wird es nicht funktionieren.

Warum kann es nicht analysiert werden? Da die von der Datei main.js eingeführte Vue-Datei keinen Vorlagenparser hat

vue.runtime.common.js ist eine .vue-Datei ohne Vorlagenparser und vue.js ist eine Vue-Datei mit einem Vorlagenparser

Wenn wir die Datei vue.js mit dem Vorlagenparser in main.js importieren, können wir die Vorlage analysieren

Warum wird die vue.js-Datei standardmäßig ohne Vorlagenparser importiert?
Wegen des Lautstärkeproblems:

Lösung,

Nutzen Sie die offizielle Renderfunktion. Er kann das eingeführte Vue-Template-Compile über die Funktion h aufrufen, d. h. die neunte Codezeile entspricht der elften und zwölften Zeile plus dem Loader-Template-Parser.

Zusammenfassen:

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalten auf 123WORDPRESS.COM mehr Aufmerksamkeit schenken können!