Heim > Web-Frontend > js-Tutorial > Erste Einführung in *.Vue-Dateien in Vue.js_vue.js

Erste Einführung in *.Vue-Dateien in Vue.js_vue.js

韦小宝
Freigeben: 2018-01-04 10:14:28
Original
2374 Leute haben es durchsucht

vue.js ist ein progressives Framework zum Erstellen von Benutzeroberflächen. Es verwendet ein inkrementelles Bottom-up-Entwicklungsdesign. In diesem Artikel wird hauptsächlich die erste Einführung in das Pit-Filling-Tagebuch* vorgestellt zu

Was ist 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?

Zunächst verwenden wir das Vue-Cli-Gerüst, um Projekte zu erstellen, auf die wir gestoßen sind viele, wie zum Beispiel die Datei 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: