Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Rama przednia › przykład vue chat|Naśladuj interfejs czatu WeChat IM
Widok: 11595|Odpowiedź: 1

[Vue] przykład vue chat|Naśladuj interfejs czatu WeChat IM

[Skopiuj link]
Opublikowano 20.07.2019 11:18:25 | | | |
Ten post został ostatnio edytowany przez xiaoyan2015 w dniu 2019-7-20 o 11:19

Wprowadzenie do projektu
Opierając się na Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop i innych architekturach technicznych, vueChatRoom to czat z podobnym interfejsem WeChat, który realizuje odświeżanie czatu WeChat, wysyłanie wiadomości, emotikony (GIF-y), obrazy, podglądy wideo, wskazówki, czerwone koperty i inne funkcje.

Wybór techniczny
  • Framework MVVM :Vue.js 2.0
  • Zarządzanie państwem: Vuex
  • Routing strony: Vue-router
  • Wtyczka wyskakująca: wcPop
  • Narzędzie do pakowania: webpack 2.0
  • Konfiguracja środowiska :node.js + cnpm
  • Wtyczka do obrazu: vue-photo-preview



package.json zależna konfiguracja instalacji:
Szablon komponentu App Portal:






















Strona główna main.js wprowadzenie konfiguracji i komponentów zewnętrznych:
Blokowanie tras Vue, logowanie, blokowanie rejestracji i weryfikacja:





Poprzedni:Jak przekonwertować typ strony zalogowanej za pomocą pdfkit w Pythonie?
Następny:"24 najbardziej niesamowite lekcje świata" (USA) Charles Harnell
Opublikowano 16.08.2019 11:26:09 |
Czy możesz podać kod źródłowy do nauki?
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com