Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung Ihres Verständnisses von Vue.js

Detaillierte Erläuterung Ihres Verständnisses von Vue.js

零下一度
零下一度Original
2017-07-19 17:28:172307Durchsuche

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: &#39;#app&#39;,data: {message: &#39;Hello Vue!&#39;}})

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
Optionen zum Anpassen der Zusammenführungsstrategie.

Die Optionen für die Zusammenführungsstrategie akzeptieren den ersten Parameter als übergeordnete Instanz, den zweiten Parameter als untergeordnete Instanz und der Vue-Instanzkontext wird als dritter Parameter übergeben.

#devtools

  • Typ:

    boolean

  • Standardwert:

    (Produktionsversion ist true )false

  • Verwendung:

    // Stellen Sie sicher, dass Sie den folgenden Inhalt sofort nach dem Laden von Vue synchron festlegen
    Vue.config . devtools =
    true
    Konfigurieren Sie, ob

    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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn