Erläuterung der *.Vue-Dateien in Vue.js

vue.js ist ein progressives Framework zum Erstellen von Benutzeroberflächen. Es verwendet ein inkrementelles Bottom-up-Entwicklungsdesign. (Die Bottom-up-Entwurfsmethode basiert auf den funktionalen Anforderungen des Systems, ausgehend von bestimmten Geräten, Logikkomponenten oder ähnlichen Systemen, und stützt sich auf die Fachkenntnisse und die reiche Erfahrung des Designers, um diese zu verbinden, zu modifizieren und zu erweitern, um das erforderliche System zu bilden.) Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene. Sie ist nicht nur einfach zu starten, sondern auch einfach in Bibliotheken von Drittanbietern oder bestehende Projekte zu integrieren. Andererseits ist Vue auch in der Lage, komplexe Einzelseitenanwendungen zu betreiben, wenn es mit Einzeldateikomponenten und Bibliotheken kombiniert wird, die vom Vue-Ökosystem unterstützt werden.

Was ist eine *.vue-Datei?

Zuallererst sind wir in dem Projekt, das wir mit dem Vue-Cli-Gerüst erstellt haben, auf viele Dateien gestoßen, wie zum Beispiel index.vue oder App.vue. Was zum Teufel ist das? Wenn Sie neu in der Vue-Entwicklung sind, haben Sie dieses Ding vielleicht noch nie zuvor gesehen. Die *.vue-Datei ist ein benutzerdefinierter Dateityp, der eine HTML-ähnliche Syntax zur Beschreibung einer Vue-Komponente verwendet. Jede .vue-Datei enthält drei Arten von Sprachblöcken der obersten Ebene: