Denne artikel er en spejling af maskinoversættelse, klik venligst her for at springe til den oprindelige artikel.

Udsigt: 11595|Svar: 1

[Vue] vue chat eksempel|Efterlign WeChat chat-interface IM

[Kopier link]
Opslået på 20/07/2019 11.18.25 | | | |
Dette indlæg blev sidst redigeret af xiaoyan2015 den 20-7-2019 kl. 11:19

Projektintroduktion
Baseret på Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop og andre tekniske arkitekturer, er vueChatRoom et chatrum med en lignende WeChat-grænseflade, som realiserer WeChat chat-pulldown-opdatering, sender beskeder, emoticons (GIFs), billeder, videoforhåndsvisninger, tips, røde kuverter og andre funktioner.

Teknisk udvælgelse
  • MVVM-rammeværket :Vue.js 2.0
  • Statsforvaltning: Vuex
  • Siderouting: Vue-router
  • Pop-up plug-in: wcPop
  • Pakkeværktøj: webpack 2.0
  • Miljøkonfiguration :node.js + cnpm
  • Billedplugin: vue-photo-preview



package.json afhængig installationskonfiguration:
App Portal Komponentskabelon:






















Hovedside main.js konfiguration og eksterne komponenter introduceret:
Vue ruteblokering, login, registreringsblokering og verifikation:





Tidligere:Hvordan konverterer man den slags loggede side med pdfkit i Python?
Næste:"Verdens 24 mest fantastiske lektioner" (USA) Charles Harnell
Opslået på 16/08/2019 11.26.09 |
Kan du give kildekoden til læring?
Ansvarsfraskrivelse:
Al software, programmeringsmaterialer eller artikler udgivet af Code Farmer Network er kun til lærings- og forskningsformål; Ovenstående indhold må ikke bruges til kommercielle eller ulovlige formål, ellers skal brugerne bære alle konsekvenser. Oplysningerne på dette site kommer fra internettet, og ophavsretstvister har intet med dette site at gøre. Du skal slette ovenstående indhold fuldstændigt fra din computer inden for 24 timer efter download. Hvis du kan lide programmet, så understøt venligst ægte software, køb registrering og få bedre ægte tjenester. Hvis der er nogen overtrædelse, bedes du kontakte os via e-mail.

Mail To:help@itsvse.com