

8 unverzichtbare Vue-Projekte auf Github, kommen Sie und fügen Sie sie Ihrer Sammlung hinzu! !
In diesem Artikel werden 8 großartige Vue-Projekte auf GitHub vorgestellt. Es sind alles großartige Projekte, die Sie sammeln möchten. ? element-admin:
Backend-ManagementsystemCider:
Apple Music Player-
newbee-mall-vue3-app:
Mall- und Backend-Verwaltungssystem 1. Marktext ist ein einfacher und eleganter Open-Source-Markdown-Editor. Fokus auf Geschwindigkeit und Benutzerfreundlichkeit, verfügbar für Linux, macOS und Windows. Es unterstützt Echtzeitvorschau, Markdown-Erweiterung, Ausgabe von HTML- und PDF-Dateien, Themenwechsel, mehrere Bearbeitungsmodi, Einfügen von Bildern direkt aus der Zwischenablage und andere Funktionen.
-
Github:
https://github.com/marktext/marktext 2. YesPlayMusic
- YesPlayMusic ist ein hochwertiger NetEase-Cloud-Player eines Drittanbieters, der Vue.js FamilyMart Bucket verwendet Entwicklung. Sie können das NetEase Cloud-Konto zum Anmelden verwenden (QR-Code scannen/Mobiltelefon-/E-Mail-Anmeldung), MV-Wiedergabe, Liedtextanzeige, täglich empfohlene Songs, tägliches automatisches Einchecken, automatische Umschaltung zwischen Hell- und Dunkelmodus, Touch Bar und Musik-Cloud unterstützen Festplatte sowie definierte Tastenkombinationen und globale Tastenkombinationen sowie andere Funktionen.
Github:https://github.com/qier222/YesPlayMusic
- 3. PicGo
PicGo ist ein Tool zum schnellen Hochladen von Bildern und zum Abrufen von Bild-URL-Links, das eine Vielzahl von Bildern unterstützt Bett, Hochladen von Bildern per Drag & Drop, Bildvorschau, automatisches Kopieren des Links in die Zwischenablage nach dem Hochladen des Bildes, Anpassen des in die Tabelle kopierten Linkformats, Unterstützung von Tastenkombinationen, Unterstützung des Aufrufs des PicGo-Uploads durch Senden einer HTTP-Anfrage usw.
-
Github:
https://github.com/Molunerfinn/PicGo
4. PPTist
PPTist ist eine Online-Präsentationsanwendung (Diashow), die auf Vue3.x + TypeScript basiert Die meisten gängigen Funktionen von Office PowerPoint und unterstützt die am häufigsten verwendeten Elementtypen wie Text, Bilder, Formen, Linien, Diagramme, Tabellen, Videos, Audios und Formeln. Jedes Element ist hochgradig bearbeitbar und unterstützt umfangreiche Tastenkombinationen und rechte Maustasten. Klicken Sie auf das Menü, um den Export lokaler PPTX-Dateien zu unterstützen, die grundlegende Bearbeitung und Vorschau auf mobilen Endgeräten zu unterstützen und PWA zu unterstützen.Github:
https://github.com/pipipi-pikachu/PPTist
5. vue2-elm
vue2-elm ist ein 45-seitiger Build basierend auf vue2 + vuex A Große einseitige Anwendung, die Ele.me imitiert und Registrierung, Anmeldung, Produktanzeige, Warenkorb, Bestellung usw. umfasst, was einen vollständigen Prozess darstellt.Github:
https://github.com/bailicangdu/vue2-elm
6. vue-element-admin
vue-element-admin ist eine Backend-Frontend-Lösung, Es wurde basierend auf Vue und Element-UI implementiert. Es nutzt den neuesten Front-End-Technologie-Stack, eine integrierte i18n-Internationalisierungslösung, dynamisches Routing und Berechtigungsüberprüfung, verfeinert das typische Geschäftsmodell und bietet umfangreiche Funktionskomponenten.Github:
https://github.com/PanJiaChen/vue-element-admin
7. Cider
Cider ist eine neue plattformübergreifende Apple Music, die auf Electron und Vue basiert. js-Erfahrung, von Grund auf mit Blick auf Leistung und Optik geschrieben.Github:
https://github.com/ciderapp/Cider
8. newbee-mall-vue3-app
Das newbee-mall-Projekt ist ein integrierter E-Commerce-Anbieter, einschließlich des newbee-mall-Mall-Systems und des newbee-mall-admin-Hintergrundverwaltungssystems, basierend auf Spring Boot 2. X und Mall Vue 3 und die damit verbundene Technologie-Stack-Entwicklung. Das Frontend-System umfasst Module wie Homepage-Portal, Produktklassifizierung und Einführung neuer Produkte, Homepage-Karussell, Produktempfehlungen, Produktsuche, Produkte, Warenkorb, Bestellabwicklung, Bestellanzeigeprozess, Bestellverwaltung, Mitgliedercenter und Hilfecenter. Das Backend-Managementsystem umfasst Module wie Datenpanel, Bildverwaltung, Produktverwaltung, Bestellverwaltung, Mitgliederverwaltung, Kategorieverwaltung und Einstellungen.
github: https: //github.com/newbee-ltd/newbee-mall-vue3-app
original Adresse: https://juejin.cn/post/71092869560769560
author : CUGGZ
【Empfehlung für entsprechende Video-Tutorials: Web-Frontend】

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

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

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



Vue.js eignet sich für kleine und mittelgroße Projekte und schnelle Iterationen, während React für große und komplexe Anwendungen geeignet ist. 1) Vue.js ist einfach zu bedienen und für Situationen geeignet, in denen das Team nicht ausreicht oder die Projektskala klein ist. 2) React hat ein reichhaltigeres Ökosystem und eignet sich für Projekte mit hoher Leistung und komplexen funktionalen Bedürfnissen.

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.

Zu den Methoden zum Implementieren des Sprung eines Tags in VUE gehören: Verwenden des A -Tags in der HTML -Vorlage, um das HREF -Attribut anzugeben. Verwenden Sie die Router-Link-Komponente des Vue-Routings. Verwenden Sie dies. $ Router.push () Methode in JavaScript. Parameter können durch den Abfrageparameter weitergeleitet werden, und Routen sind in den Routeroptionen für dynamische Sprünge konfiguriert.

Git ist ein Versionskontrollsystem, und GitHub ist eine GIT-basierte Code-Hosting-Plattform. Git wird verwendet, um Codeversionen zu verwalten und unterstützt lokale Operationen. GitHub bietet Online -Zusammenarbeitstools wie das Problem mit der Ausgabe und PullRequest.

Es gibt zwei Möglichkeiten, Divelemente in Vue zu springen: Verwenden Sie Vue Router und fügen Sie Router-Link-Komponente hinzu. Fügen Sie den @click Event -Listener hinzu und nennen Sie dies. $ Router.push () Methode zum Springen.

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.

Die Foreach-Schleife in Vue.js verwendet die V-für-Anweisung, mit der Entwickler jedes Element in einem Array oder Objekt durchdringen und bestimmte Operationen für jedes Element ausführen können. Die Syntax ist wie folgt: & lt; Vorlage & gt; & lt; ul & gt; & lt; li v-for = & quot; item in items & gt; & gt; {{item}} & lt;/li & gt; & lt;/ul & gt; & lt;/template & gt; & am