Die von vue verwendeten Entwurfsmuster: 1. Der Singleton-Modus stellt sicher, dass eine Klasse nur ein Instanzobjekt hat und stellt einen globalen Zugriffspunkt für den Zugriff bereit. 2. Das Factory-Muster ist ein Muster, das zum Erstellen von Objekten verwendet wird. Es ist nicht erforderlich, die spezifische Logik des Konstruktors offenzulegen, sondern die Logik in jeder Funktion zu kapseln. 3. Der Decorator-Modus ermöglicht das Hinzufügen neuer Funktionen zu vorhandenen Funktionen, ohne deren Struktur zu ändern. 4. Das Strategiemuster besteht darin, eine Reihe von Algorithmen zu definieren, sie einzeln zu kapseln und sie austauschbar zu machen. 5. Publish-Subscriber-Modell.
Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer.
Das Prinzip des Entwurfsmusters besteht darin, die Änderungen im Programm herauszufinden und die Änderungen zu kapseln, um eine effiziente Wiederverwendbarkeit zu erreichen. Der Kern ist die Absicht, nicht die Struktur. Entwurfsmuster können uns dabei helfen, die Wiederverwendbarkeit, Skalierbarkeit, Wartbarkeit und Flexibilität von Code zu verbessern. Unser oberstes Ziel bei der Verwendung von Entwurfsmustern ist es, eine hohe Clusterbildung und eine geringe Kopplung des Codes zu erreichen. Haben Sie jemals über die Frage nachgedacht, wie man Code robuster machen kann? Tatsächlich liegt der Kern darin, Veränderungen und Unveränderlichkeit zu erfassen. Stellen Sie sicher, dass die sich ändernden Teile flexibler und die unveränderten Teile stabiler sind. Durch die Verwendung von Entwurfsmustern können wir dieses Ziel erreichen.
Lassen Sie uns die Designmuster zusammenfassen, die häufig in Vue-Projekten oder -Arbeiten verwendet werden.
Singleton-Muster: Stellen Sie sicher, dass eine Klasse nur ein Instanzobjekt hat, und stellen Sie einen globalen Zugriffspunkt für den Zugriff bereit.
Vorteile: Anwendbar auf ein einzelnes Objekt, generiert nur eine Objektinstanz, wodurch häufiges Erstellen und Zerstören von Instanzen vermieden und die Speichernutzung reduziert wird.
Nachteile: Gilt nicht für dynamisch erweiterte Objekte.
Szenario: Floating-Login-Fenster, Axios-Instanz in Vue (wir führen das Abfangen von Anfragen und Antworten auf Axios durch, rufen die gekapselten Axios mehrmals auf, legen sie aber nur einmal fest, der Export der gekapselten Axios ist ein Singleton), globaler Zustandsverwaltungsspeicher , Thread-Pool, globaler Cache
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
|
Fabrikmuster: Das Fabrikmuster ist das am häufigsten zum Erstellen von Objekten verwendete Entwurfsmuster. Es ist nicht notwendig, die spezifische Logik des Konstruktors offenzulegen, aber um die Logik in jeder Funktion zu kapseln, kann dieser Konstruktor als Fabrik betrachtet werden.
Szenario: Wo es Konstruktoren gibt, wird viel Konstruktorcode geschrieben und viele neue Operatoren aufgerufen.
Vorteile: Durch das Factory-Muster können wir schnell eine große Anzahl ähnlicher Objekte erstellen, ohne Code zu duplizieren.
Nachteile: Die vom Factory-Muster erstellten Objekte gehören zu Object und der Objekttyp kann nicht unterschieden werden. Aus diesem Grund wird das Factory-Muster nicht häufig verwendet.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
|
Decorator-Modus (Aspektprogrammierung AOP): Fügen Sie dem Objekt während der Ausführung des Programms dynamisch Verantwortlichkeiten hinzu, wenn der Funktionskörper direkt ist geändert, dann verstößt es gegen das „Offen- und Geschlossen-Prinzip“ und auch gegen unser „Prinzip der Einzelverantwortung“, einfach gesagt, es ermöglicht das Hinzufügen neuer Funktionen zu bestehenden Funktionen, ohne seine Struktur zu ändern.
Szenario: Formularüberprüfung und Formularübermittlung in Vue verwenden dieses Modell und folgen dem geschlossenen und offenen Prinzip.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
|
Strategiemuster: Es geht darum, eine Reihe von Algorithmen zu definieren, sie einzeln zu kapseln und austauschbar zu machen.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
|
kann auch in der Vue-Formularvalidierung verwendet werden
1 2 3 4 |
|
1 2 3 4 5 6 7 8 9 10 |
|
1 2 3 4 5 |
|
Veröffentlichungsabonnentenmodus auch Beobachtermodus genannt, Veröffentlichungsabonnentenmodus a -viele Abhängigkeit, wenn die Wenn sich der Zustand eines Objekts ändert, müssen alle davon abhängigen Objekte benachrichtigt werden. Das Beobachtermuster ist eine Eins-zu-Eins-Abhängigkeitsbeziehung. „Handschriftbeobachtermodus“
Das obige ist der detaillierte Inhalt vonWelche Modi verwendet Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!