


Was ist der Unterschied zwischen Bootstrap und Vue?
Unterschiede: 1. Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework, das auf HTML, CSS und JS basiert, während Vue ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen ist. 2. Bootstrap wird zur schnellen Entwicklung reaktionsfähiger Seiten verwendet, während Vue zur Komponentenisierung der Frontend-Entwicklung verwendet wird.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap3.3.7- und Vue2.9.6-Version, DELL G3-Computer
In den Augen vieler Menschen sind Bootstrap und Vue tatsächlich beide Front-End-Frameworks Sie weisen immer noch viele Unterschiede auf. Bootstrap ist ein Front-End-Seitenframework für die schnelle Entwicklung reaktionsfähiger Seiten, während Vue eine Front-End-JS-Bibliothek ist, die die Front-End-Entwicklung in Komponenten unterteilt.
Bootstrap
Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework auf Basis von HTML, CSS und JavaScript, das von den Designern Mark Otto und Jacob Thornton vom amerikanischen Twitter-Unternehmen entwickelt wurde und die Webentwicklung beschleunigt.
Die Besonderheit ist das Rastersystem, das einfach zu bedienen und leicht zu starten ist. Ein für reaktionsfähige Seiten konzipierter Codesatz kann an Tablets und PCs angepasst werden.
Der Nachteil besteht darin, dass es an leistungsstarken Systemkomponenten mangelt (diese waren zum Zeitpunkt der Untersuchung nicht verfügbar, aber jetzt heißt es, dass sie vorhanden sind, als ich sie tatsächlich verwendete). Ein kompletter Komponentensatz ist nicht aussortiert, die Entwicklung ist ermüdend.
Vue
Vue (ausgesprochen /vjuː/, ähnlich wie view) ist ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen. Im Gegensatz zu anderen großen Frameworks ist Vue so konzipiert, dass es Schicht für Schicht von unten nach oben aufgetragen werden kann. Die Kernbibliothek von Vue konzentriert sich nur auf die Ansichtsebene und erleichtert so die Integration in Bibliotheken von Drittanbietern oder bestehende Projekte.
Die Besonderheit besteht darin, dass es auf den Schultern von React in vielerlei Hinsicht besser ist:
1. Zwei-Wege-Bindung von Daten, Datenänderungen, Seitenänderungen, Seitenänderungen, Datenänderungen.
2. Das Rendern der Seite soll schneller sein als React.
3. Komponentisierung (eigentlich verfügt React auch über Komponentisierung); die Komponentisierung 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 ersetzt dann ständig die der Komponente entsprechenden JS, um den Anzeigeeffekt zu ändern. Die gängigen 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 eine Anhäufung systematischer Entwicklung erfordert. Es wird empfohlen, Element für die komponentenbasierte Entwicklung von Vue zu verwenden.
Der Unterschied zwischen Bootstrap und Vue
Bootstrap ist ein einfaches, intuitives und leistungsstarkes Front-End-Entwicklungsframework, das auf HTML, CSS und JavaScript basiert, während Vue ein progressives JavaScript-Framework zum Erstellen von Benutzeroberflächen ist.
Empfohlenes Lernen: „Tutorial zur Bootstrap-Nutzung“
Das obige ist der detaillierte Inhalt vonWas ist der 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



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.

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.

Es gibt drei Möglichkeiten, sich auf JS -Dateien in Vue.js zu beziehen: Geben Sie den Pfad direkt mit dem & lt; Skript & gt an. Etikett;; Dynamischer Import mit dem montierten () Lebenszyklushaken; und importieren über die Vuex State Management Library.

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.

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.

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.

Funktionsabfangen in VUE ist eine Technik, mit der die Häufigkeit, mit der eine Funktion eingerufen wird, innerhalb eines bestimmten Zeitraums aufgerufen wird und Leistungsprobleme verhindern. Die Implementierungsmethode lautet: Importieren Sie die Lodash -Bibliothek: importieren {dunounce} aus 'lodash'; Verwenden Sie die Dabounce -Funktion, um eine Intercept -Funktion zu erstellen: const dabouncedFunction = dunounce (() = & gt; { / logical /}, 500); Rufen Sie die Abfangfunktion auf und die Steuerfunktion wird höchstens einmal in 500 Millisekunden aufgerufen.

Es gibt zwei Hauptmöglichkeiten, um Parameter an vue.js -Funktionen zu übergeben: Daten mit Slots übergeben oder eine Funktion mit Bindungen binden und Parameter bereitstellen: PLAMETER mithilfe von Slots: Daten in Komponentenvorlagen übergeben, in Komponenten zugegriffen und als Parameter der Funktion verwendet werden. Passparameter mit Bindungsbindung passieren: Bindungsfunktion in VUE.JS -Instanz und Bereitstellung von Funktionsparametern.
