Was ist Bootstrap-Vue?

Bootstrap-Vue ist eine UI-Komponentenbibliothek, die der Komponentenentwicklungsmethode von Vue folgt, Bootstrap-Stile verwendet, um das Erscheinungsbild von Komponenten zu steuern, und die Abhängigkeit von JQuery aufgibt. Lassen Sie uns weiterhin den Komfort von Bootstrap-Stilen genießen, während Sie Vue.js verwenden.

In diesem Artikel wird versucht, jede Komponente zu testen. Um die Beeinträchtigung durch andere Faktoren zu minimieren, wird weiterhin die Methode des Zugriffs auf CDN verwendet. Wenn Sie modulare Verpackungstools wie Webpack verwenden möchten, finden Sie auf der offiziellen Website eine ausführliche Dokumentation als Referenz.

1. Warnungen (Warnfeld): Das Hauptnutzungsszenario besteht darin, Feedback zum Verhalten des Benutzers zu geben.

Hinweis:

Sie sollten immer das Show-Attribut verwenden, um die Sichtbarkeit einer Komponente zu steuern.

Fügen Sie das Attribut dismissible zur Komponente hinzu, um eine Schaltfläche zum Schließen anzuzeigen. Es sollte immer mit dem verworfenen Ereignis verwendet werden. Im verworfenen Ereignis wird der Datenstatus des Alarmanzeigeattributs in der VM zurückgesetzt >

kann übergeben werden. Das Variantenattribut (primär, sekundär, Erfolg, Gefahr, Warnung, Info) generiert Warnungen mit unterschiedlicher Semantik

Das Dismiss-Countdown-Attribut akzeptiert eine Funktion, die uns bei der Implementierung eines helfen kann Benachrichtigung, die regelmäßig automatisch geschlossen wird

2. Abzeichen: Ermöglicht uns das Hinzufügen zusätzlicher Informationen zu bestimmten Inhalten.

Hinweis:

Das Abzeichen passt seine Schriftgröße entsprechend der Schriftgröße des direkten übergeordneten Elements an, das Em-Einheiten verwendet.

Der semantische Stil des Badges kann über das Variantenattribut definiert werden. (Standard, primär, Erfolg, Warnung, Info, Gefahr)

Fügen Sie das Pillenattribut hinzu, um ein Abzeichen im Kapselstil zu definieren (erweiterte abgerundete Ecken)

Sie können dem Abzeichen über das Verhalten hinzufügen href-Attribut (Übertragung überspringen)

Wenn Sie ein kreisförmiges Abzeichen benötigen, beziehen Sie sich auf das in CSS implementierte kreisförmige Abzeichen

3. Zeigt den Navigationspfad der aktuellen Seite an und erzählt uns, wo wir uns gerade befinden Position

Hinweis: Das Trennzeichen des

-Pfads wird automatisch von CSS hinzugefügt, indem das Inhaltsattribut des Pseudoelements angegeben wird:: vor.

Elemente sind jedes Navigationselement auf dem Pfad, das durch ein Objektarray angegeben wird. Sie können einem Objekt das aktive Attribut zuweisen, um es in den aktiven Zustand zu versetzen.

Wenn kein Element explizit als aktiver Zustand angegeben wird, wird das letzte Element als standardmäßiger aktiver Zustand betrachtet.

Die Angabe von href oder to-Attributen für Navigationselemente kann das Navigationsverhalten verbessern.

4. Schaltfläche: ein grundlegendes Steuerelement, das zum Auslösen von Verhaltensweisen verwendet wird.

Hinweis:

Der semantische Stil der Schaltfläche kann über das Variantenattribut definiert werden. (Standard, primär, Erfolg, Warnung, Info, Gefahr)

Definieren Sie die Größe der Schaltfläche (sm, lg) über das Größenattribut. Wenn nicht angegeben, gibt es einen Standardstil.

Sie können weiterhin das Typattribut (Senden, Zurücksetzen, Schaltfläche) verwenden.

Deaktiviert-Status über deaktiviert hinzufügen.

Durch das Hinzufügen von href oder zu Attributen wird ein Tag im Schaltflächenstil generiert.

Fügen Sie das gedrückte Attribut hinzu, um zu steuern, ob auf die Schaltfläche geklickt wird. Verwenden Sie den Synchronisierungsmodifikator, um den Status der Schaltfläche mit den Daten in der VM zu synchronisieren.

Das obige ist der detaillierte Inhalt vonWas ist Bootstrap-Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!