Ein QQ-Chatroom basierend auf vue.js

Einführung

Dies ist eine auf vue.js basierende Chatroom-Komponentenbibliothek, die eine grundlegende Kapselung bei maximaler Skalierbarkeit bietet.

Nachfolgend sehen Sie eine Demonstration der Wirkung:

Renderings der MChat-Komponente:

Wirkungsdiagramm der IChat-Komponente:

So installieren Sie

Installation mit npm

npm installiere vue-mchat

verwenden

Importieren in main.js

# npm-Download-Methode // CSS eingeben
importiere 'MChat/lib/MChat.css'
//Komponente importieren importiere MChat von 'MChat'
//Verwenden Sie vue, um Komponenten zu laden Vue.use(MChat)
#

So führen Sie eine Sekundärentwicklung durch

Option 1:

Kopieren Sie einfach den Ordner „packages“ in das gewünschte Projekt und fügen Sie „vue-mchat“ in main.js ein:

App aus „./App.vue“ importieren
importiere MChat aus '../packages/index'

Vue.use (MChat)

Option 2:

Es wurde auf der Grundlage von Vue-MChat entwickelt, in eine JS-Bibliothek gepackt und eingeführt:

Im vue-mchat-Verzeichnis ausführen:

npm führt die Bibliothek aus

Sie können die lib-Datei abrufen, die die kompilierte Dateibibliothek von MChat enthält. Kopieren Sie die gesamte lib-Datei in das Projekt und fügen Sie sie in main.js ein:

importiere '../lib/MChat.css'
importiere MChat aus '../lib/MChat.umd'

Vue.use (MChat)

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!