Der Unterschied zwischen Bootstrap und Vue
BootStrap:
Verfügt über ein Rastersystem, das einfach zu verwenden und leicht zu nutzen ist. Ein für reaktionsfähige Seiten konzipierter Codesatz kann an Tablets und PCs angepasst werden.
Der Nachteil besteht darin, dass ein leistungsstarker Satz systematischer Komponenten fehlt (dieser war zum Zeitpunkt der Untersuchung nicht verfügbar, aber es heißt, dass er jetzt verfügbar ist, als ich ihn tatsächlich verwendet habe). Wenn die Konflikte nicht gelöst werden, ist die Entwicklung einer ganzen Reihe von Komponenten sehr ermüdend.
Verwandte Empfehlungen: „Bootstrap Getting Started Tutorial“
Vue:
Das Merkmal ist, dass es auf den Schultern steht Von React sind viele Aspekte besser:
1. Zwei-Wege-Bindung von Daten, Datenänderungen und Seitenänderungen. Wenn sich die Seite ändert, ändern sich auch die Daten.
2. Das Rendern der Seite soll schneller sein als React.
3. Komponentisierung (tatsächlich hat React auch Komponentisierung). Dies unterscheidet sich ein wenig vom Komponentisierungskonzept von BootStrap. Die Komponentisierung von Vue hat das Problem von Bereichskonflikten gelöst. Darüber hinaus ist das JS-Testen professioneller geworden (ähnlich wie Junit).
4. Einzel-HTML-Entwicklung, sein Entwicklungsmodus ist ein HTML, und dann wird ständig das der Komponente entsprechende JS ersetzt, um den Anzeigeeffekt zu ändern. Gängige JS- und CSS-Dateien in HTML müssen nur einmal heruntergeladen werden, was theoretisch schneller ist als das Rendern von Iframe-Seiten.
5. In Kombination mit dem von node.js bereitgestellten Webpack kann es systematisch gepackt und veröffentlicht werden.
Der Nachteil besteht darin, dass der Einstieg relativ schwierig ist und eine groß angelegte Entwicklung die Anhäufung systematischer Entwicklung erfordert. Vue wird für die komponentenbasierte Entwicklung empfohlen. Element: http://element.eleme.io/#/zh-CN/component/popover
Fazit:
Für langfristige Überlegungen ist es zu empfehlen um Vue+node .js zu verwenden. Für den kurzfristigen Einsatz ist BootStrap eine gute Wahl.
Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Bootstrap und Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Mit der Watch -Option in Vue.js können Entwickler auf Änderungen in bestimmten Daten anhören. Wenn sich die Daten ändert, löst sich eine Rückruffunktion aus, um Aktualisierungsansichten oder andere Aufgaben auszuführen. Zu den Konfigurationsoptionen gehören unmittelbar, die festlegen, ob ein Rückruf sofort ausgeführt werden soll, und Deep, das feststellt, ob Änderungen an Objekten oder Arrays rekursiv anhören sollen.

Die Verwendung von Bootstrap in Vue.js ist in fünf Schritte unterteilt: Startstrap installieren. Bootstrap in main.js. Verwenden Sie die Bootstrap -Komponente direkt in der Vorlage. Optional: benutzerdefinierter Stil. Optional: Verwenden Sie Plug-Ins.

In Vue.js können Komponenten oder Ressourcen bei Bedarf dynamisch geladen werden, wodurch die Ladezeit der Anfangsseite dynamisch geladen und die Leistung verbessert wird. Die spezifische Implementierungsmethode umfasst die Verwendung & lt; Keep-Alive & GT; und & lt; Komponente ist & gt; Komponenten. Es ist zu beachten, dass fauler Laden FOUC -Probleme (Splace Screen) verursachen kann und nur für Komponenten verwendet werden sollte, die eine faule Belastung erfordern, um unnötige Leistungsaufwand zu vermeiden.

Sie können der VUE -Taste eine Funktion hinzufügen, indem Sie die Taste in der HTML -Vorlage an eine Methode binden. Definieren Sie die Methode und schreiben Sie die Funktionslogik in der VUE -Instanz.

VUE.JS hat vier Methoden, um zur vorherigen Seite zurückzukehren: $ router.go (-1) $ router.back () verwendet & lt; Router-Link to = & quot;/& quot; Komponentenfenster.history.back () und die Methodenauswahl hängt von der Szene ab.

Es gibt drei gängige Methoden für Vue.js, um Arrays und Objekte zu durchqueren: Die V-für-Anweisung wird verwendet, um jedes Element zu durchqueren und Vorlagen zu rendern; Die V-Bind-Anweisung kann mit V-für dynamisch Attributwerte für jedes Element verwendet werden. und die .MAP -Methode kann Array -Elemente in Neuarrays umwandeln.

Pagination ist eine Technologie, die große Datensätze in kleine Seiten aufteilt, um die Leistung und die Benutzererfahrung zu verbessern. In VUE können Sie die folgende integrierte Methode zum Paging verwenden: Berechnen Sie die Gesamtzahl der Seiten: TotalPages () TRAVERSAL-Seitennummer: V-für Anweisung, um die aktuelle Seite festzulegen: aktuelle Seite

VUE Multi-Page-Entwicklung ist eine Möglichkeit, Anwendungen mithilfe des Vue.js-Frameworks zu erstellen, in dem die Anwendung in separate Seiten unterteilt ist: Code-Wartung: Die Aufteilung der Anwendung in mehrere Seiten kann das Verwalten und Wartungsbereich erleichtern. Modularität: Jede Seite kann als separates Modul für eine einfache Wiederverwendung und den Austausch verwendet werden. Einfaches Routing: Die Navigation zwischen Seiten kann durch einfache Routing -Konfiguration verwaltet werden. SEO -Optimierung: Jede Seite hat eine eigene URL, die SEO hilft.
