Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Nézet: 11595|Válasz: 1

[Vue] Vue chat példa|Utánozd a WeChat chat interfészt IM

[Linket másol]
Közzétéve 2019. 07. 20. 11:18:25 | | | |
Ezt a bejegyzést utoljára a xiaoyan2015 szerkesztette: 2019-07-20, 11:19

Projekt bevezetése
A Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop és más műszaki architektúrák alapján a vueChatRoom egy csevegőszoba, amely hasonló WeChat felülettel rendelkezik, és képes a WeChat csevegés lebontva-lefelé frissítését, üzenetküldést, emojikat (GIF-eket), képeket, videó-előnézeteket, tippeket, piros borítékokat és egyéb funkciókat kínál.

Műszaki kiválasztás
  • MVVM framework :Vue.js 2.0
  • Állami irányítás: Vuex
  • Oldalútozás: Vue-router
  • Felugró plug-in: wcPop
  • Csomagolási eszköz: webpack 2.0
  • Környezet konfiguráció :node.js + cnpm
  • Képbővítmény: vue-photo-preview



package.json függő telepítési konfiguráció:
App Portal Component Template:






















A fő oldal main.js konfiguráció és külső elemek bevezetése:
Vue útvonal blokkolása, bejelentkezés, regisztrációs blokkolás és ellenőrzés:





Előző:Hogyan lehet pdfkit-tel konvertálni a bejelentkezett oldalt Pythonban?
Következő:"A világ 24 legcsodálatosabb tanulsága" (USA) Charles Harnell
Közzétéve 2019. 08. 16. 11:26:09 |
Meg tudod adni a forráskódot, amit meg tudsz tanulni?
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.

Mail To:help@itsvse.com