Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist der Kern von vue

Was ist der Kern von vue

青灯夜游
Freigeben: 2022-01-11 18:26:49
Original
11292 Leute haben es durchsucht

vue hat zwei Kerne: 1. Datengesteuert, d. h. bidirektionale Datenbindung, die es ermöglicht, den Inhalt der Ansicht (DOM) zu ändern, wenn sich die Daten ändern; 2. Komponentenbasiertes System, das HTML erweitern kann Elemente und kapseln Sie sie.

Was ist der Kern von vue

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer. Die beiden Kerne von vue.js von Vue ist, dass Abhängigkeiten während des Getters erfasst werden und Abhängigkeitsaktualisierungen während des Setters ausgelöst werden.

vue durchläuft alle Eigenschaften des Objekts in den Daten und verwendet Object.defineProperty, um alle diese Eigenschaften in

Getter umzuwandeln /Setter.
  • Diese Getter/Setter sind für den Benutzer unsichtbar, aber intern ermöglichen sie Vue, Abhängigkeiten zu verfolgen und Änderungen zu benachrichtigen, wenn auf eine Eigenschaft zugegriffen und diese geändert wird.
  • Jede Komponenteninstanz entspricht einer Watcher-Instanz, die die „berührten“ Dateneigenschaften als Abhängigkeiten während des Komponentenrenderingprozesses aufzeichnet.

Wir sammeln Abhängigkeiten während der Getter-Erfassung. Der Zweck der Abhängigkeitserfassung besteht darin, die entsprechenden Abonnenten zu benachrichtigen, damit sie die entsprechende Logik verarbeiten können. Wenn der
  • Setter festgelegt ist, wird die Abhängigkeitsaktualisierung ausgelöst. Wenn der Setter der Abhängigkeit später ausgelöst wird, wird der Watcher benachrichtigt, wodurch die zugehörige Komponente erneut gerendert wird.

  • 2. Komponentenbasiertes System

  • Komponentenbasiert


    erweitert HTML-Elemente und kapselt wiederverwendbaren Code. Jede Komponente entspricht einem ViewModel. Jeder unabhängige visuelle/interaktive Bereich auf der Seite kann als Komponente betrachtet werden. Jede Komponente entspricht einem Projektverzeichnis, und die verschiedenen von der Komponente benötigten Ressourcen werden in diesem Verzeichnis verwaltet. Eine Seite ist ein Container für Komponenten, und Komponenten können beliebig verschachtelt und kombiniert werden, um eine vollständige Seite zu bilden.
  • Kernoptionen der Komponente:

  • Template (Vorlage): Das Template deklariert die Zuordnungsbeziehung zwischen den Daten und dem DOM, die letztendlich dem Benutzer angezeigt wird.
  • Anfangsdaten (Daten): Der anfängliche Datenzustand einer Komponente. Bei wiederverwendbaren Komponenten ist dies normalerweise der private Status.

Externe Parameter (Requisiten) akzeptiert: Daten werden über Parameter übertragen und zwischen Komponenten geteilt.

Methoden: Änderungen an Daten werden im Allgemeinen innerhalb der Methoden der Komponente durchgeführt.

Lifecycle-Hooks: Eine Komponente löst mehrere Lifecycle-Hook-Funktionen aus. Die neueste Version 2.0 hat den Namen der Lifecycle-Funktion stark geändert.

  • Private Ressourcen (Assets): In Vue.js werden benutzerdefinierte Anweisungen, Filter, Komponenten usw. zusammenfassend als Ressourcen bezeichnet. Eine Komponente kann ihre eigenen privaten Ressourcen deklarieren. Private Ressourcen können nur von der Komponente und ihren Unterkomponenten aufgerufen werden.

  • 【Verwandte Empfehlungen:

    vue.js Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Kern von vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage