ispa element Download - ispa element Quellcode herunterladen

ispa element

Andere Kategorien

0.7.0

Herunterladen

iSPA-Element-Benutzeroberfläche

Eine Komponentenbibliothek für VueJs (Vue 3) basierend auf Tailwind CSS.

Schnellstart

Um es zu verwenden, öffnen Sie Ihr Terminal im gewünschten Verzeichnis und führen Sie den folgenden Befehl aus:

npm install ispa-element

Fügen Sie dann die Bibliothek Ihrem Haupt-JS-Projekt hinzu

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' )

Modullader

Dies ist die empfohlene Methode, wenn Ihre Anwendung vue-cli verwendet oder über einen Webpack-basierten Build mit konfiguriertem Vue-Loader verfügt. Importieren Sie die Komponenten als .vue-Dateien für eine nahtlose Integration in Ihr Projekt, wobei der Pfad jeder Komponente im Abschnitt „Import“ einer Komponentendokumentation verfügbar ist.

 import { IButton } from 'ispa-element'

Registrieren Sie im nächsten Schritt die Komponente mit dem Tag-Namen, den Sie verwenden möchten.

 //  In app.js
import { createApp } from 'vue'
const app = createApp ( App )

app . component ( IButton . name , IButton )
// OR app.component('i-button', IButton)

app . mount ( '#app' )

//  In component.vue
export default {
  components : { IButton }
}

::: Tipp Hinweis: Sie können einen beliebigen Tag-Namen verwenden. Beachten Sie jedoch, dass dieser Tag-Name möglicherweise mit anderen Tag-Namen in Konflikt steht. Stellen Sie daher sicher, dass es sich um einen eindeutigen Tag-Namen handelt. :::