Component-preview en download

Blader door de componentmarkt, vind de componenten die je nodig hebt en download ze naar je project.

Door de componentmarkt bladeren

Klik op "Componentmarkt" in het linkermenu om alle beschikbare componenten te zien. De componentenlijst ondersteunt de volgende filters:

• Aanbevolen: slim aanbevolen op basis van gebruik en beoordelingen
• Nieuwste: gerangschikt op publicatietijd, nieuwste eerst
• Populair: gesorteerd op aantal downloads
• Alle: toont alle componenten (ook die met niet-overeenkomende dependencies)

Componenten previewen

Klik op de knop "Preview" op de componentkaart om de detailpagina in een nieuw tabblad te openen.

De detailpagina bevat:

• Previewgebied: toont het daadwerkelijke draaiende resultaat van het component
  • Ondersteunt wisselen tussen klein venster en volledig scherm
  • Aanpasbare achtergrondkleur om je aan te passen aan verschillende thema's
• Documentatiegebied: toont de inhoud van README.md (indien beschikbaar)
• Versieselectie: schakel om naar andere versies van het component
• Dependency-informatie: bekijk de dependencies die het component nodig heeft en hun versies

Componenten downloaden

Methode 1: Downloaden vanuit de componentmarkt

1. Zoek het gewenste component in de componentmarkt
2. Klik op de knop "Downloaden" op de kaart
3. Navigeer in de bestandskiezer die verschijnt naar de map src/components van het project
4. Klik op "Map selecteren" om de download te bevestigen

Methode 2: Downloaden vanuit de previewpagina

1. Open de previewpagina van het component
2. Klik op de knop "Downloaden" in de rechteronderhoek
3. Kies de opslaglocatie

Nadat de download is voltooid, verschijnt de map van het component in de map die je hebt opgegeven.

Componenten gebruiken

Gedownloade componenten kun je direct in het project gebruiken:

<template>
  <div>
    <MyComponent :title="'Hello'" />
  </div>
</template>

<script setup>
import MyComponent from '@/components/MyComponent/index.vue'
</script>

FAQ

V: Het component werkt niet goed na het downloaden?

A: Controleer het volgende:

1. Of de dependencies die het component nodig heeft, zijn geïnstalleerd
2. Of de frameworkversie overeenkomt met de vereisten van het component (Vue 2/3 of React)
3. Of er conflicten met globale stijlen zijn

V: Waarom zie ik sommige componenten niet bij "Aanbevolen"?

A: Mogelijke redenen:

1. De lokale frameworkversie komt niet overeen met de vereisten van het component
2. Dependencies die het component nodig heeft, ontbreken
3. Het component is als dubbel gemarkeerd

Schakel over naar het filter "Alle" om alle componenten te bekijken, maar componenten met niet-overeenkomende dependencies zijn mogelijk niet te previewen.

V: Hoe meld ik problemen met een component?

A: Klik op de knop "Feedback" op de previewpagina van het component, of neem contact op met de auteur van het component in de community.