Heim > Artikel > Web-Frontend > Detaillierte Erläuterung Ihres Verständnisses von Vue.js
Vue.js (ausgesprochen /vjuː/, ähnlich wie view) ist ein progressives Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen Schwergewichts-Frameworks verwendet Vue ein inkrementelles Bottom-up-Entwicklungsdesign. 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.
Wenn Sie ein erfahrener Frontend-Entwickler sind und den Unterschied zwischen Vue.js und anderen Bibliotheken/Frameworks wissen möchten, schauen Sie sich den Vergleich mit anderen Frameworks an.
Funktionen:
1. Einfachheit: HTML-Vorlage + JSON-Daten + Vue-Instanz
2. Datengesteuert: automatische Verfolgung von Vorlagen, Ausdrücken und Von der Maschine ausgewählte Eigenschaften
3. Komponentisierung: Verwenden Sie entkoppelte und wiederverwendbare Komponenten, um die Welt zu konstruieren
4. Leichtgewicht: Präzise und effektive asynchrone Batch-Dom-Updates
5. Modul- Freundlich: Installation über npm oder Bower und nahtlose Integration in Ihren Workflow.
Kompatibilität:
Vue.js unterstützt keine Versionen unter IE8. Vue.js verwendet AScript5-Funktionen, die IE8 nicht unterstützt.
Deklaratives Rendering
Der Kern von Vue.js ist ein Tool, das das deklarative Rendering von Daten im DOM mithilfe einer prägnanten Vorlagensyntax ermöglicht:
<
div id="app">{{ message }}</div> var app = new Vue({el: '#app',data: {message: 'Hello Vue!'}})
Lassen Sie uns über einige Grundkenntnisse sprechen:
1. Globale Konfiguration
Vue.config ist ein Objekt, das die globale Konfiguration von Vue enthält können Sie die folgenden Eigenschaften ändern, bevor Sie die Anwendung starten.
#slient
Typ: boolean
Standardwert: false
Verwendung:
Vue.config .slient = true;
Alle Protokolle und Warnungen in Vue abbrechen
#optionMergeStrategies
Typ: {[key:string]: Funktion 🎜>
Standardwert: {} Verwendung:1 Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) {2 return child + 13 }4 const Profile = Vue.extend({5 _my_option: 16 })7 // Profile.options._my_option = 2
boolean
(Produktionsversion ist true
)false
vue-devtools die Überprüfung des Codes zulassen soll. Die Entwicklungsversion ist standardmäßig und die Produktionsversion standardmäßig true
. Die Produktionsversion ist auf false
gesetzt, um die Prüfung zu ermöglichen true
#errorHandel
Typ: Funktion Standardwert: undefind Verwendung:1 Vue.config.errorHandler = function (err, vm, info) {2 // handle error3 // `info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子4 // 只在 2.2.0+ 可用5 }
Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung Ihres Verständnisses von Vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!