Dieser Artikel ist ein Spiegelartikel der maschinellen Übersetzung, bitte klicken Sie hier, um zum Originalartikel zu springen.

Ansehen: 11595|Antwort: 1

[Vue] vue-Chat-Beispiel|Imitiere die WeChat-Chat-Schnittstelle im

[Link kopieren]
Veröffentlicht am 20.07.2019 11:18:25 | | | |
Dieser Beitrag wurde zuletzt von xiaoyan2015 am 20.7.2019 um 11:19 bearbeitet

Projekteinführung
Basierend auf Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop und anderen technischen Architekturen ist vueChatRoom ein Chatroom mit einer ähnlichen WeChat-Oberfläche, der WeChat-Chat-Downloaddown-Refresh ermöglicht, Nachrichten, Emoticons (GIFs), Bilder, Videovorschauen, Tipps, rote Umschläge und andere Funktionen verschickt.

Technische Auswahl
  • MVVM-Framework :Vue.js 2.0
  • Landesverwaltung: Vuex
  • Seitenrouting: Vue-router
  • Pop-up-Plug-in: wcPop
  • Verpackungstool: Webpack 2.0
  • Umgebungskonfiguration :node.js + cnpm
  • Bild-Plugin: vue-photo-preview



package.json abhängige Installationskonfiguration:
App-Portal-Komponentenvorlage:






















Hauptseite main.js Konfiguration und eingeführte externe Komponenten:
Vue-Routenblockierung, Login, Registrierungssperre und Verifikation:





Vorhergehend:Wie konvertiert man die Art einer eingeloggten Seite mit pdfkit in Python?
Nächster:"Die 24 erstaunlichsten Lektionen der Welt" (USA) Charles Harnell
Veröffentlicht am 16.08.2019 11:26:09 |
Kannst du den Quellcode zum Lernen bereitstellen?
Verzichtserklärung:
Alle von Code Farmer Network veröffentlichten Software, Programmiermaterialien oder Artikel dienen ausschließlich Lern- und Forschungszwecken; Die oben genannten Inhalte dürfen nicht für kommerzielle oder illegale Zwecke verwendet werden, andernfalls tragen die Nutzer alle Konsequenzen. Die Informationen auf dieser Seite stammen aus dem Internet, und Urheberrechtsstreitigkeiten haben nichts mit dieser Seite zu tun. Sie müssen die oben genannten Inhalte innerhalb von 24 Stunden nach dem Download vollständig von Ihrem Computer löschen. Wenn Ihnen das Programm gefällt, unterstützen Sie bitte echte Software, kaufen Sie die Registrierung und erhalten Sie bessere echte Dienstleistungen. Falls es eine Verletzung gibt, kontaktieren Sie uns bitte per E-Mail.

Mail To:help@itsvse.com