Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Architect_Programmer_Code Tarım Ağı»Mimar › Ön yüz tasarımı ve web › Ön gövde çerçevesi › vue sohbet örneği|WeChat sohbet arayüzünü taklit et IM
Görünüm: 11595|Yanıt: 1

[Vue] vue sohbet örneği|WeChat sohbet arayüzünü taklit et IM

[Bağlantıyı kopyala]
Yayınlandı 20.07.2019 11:18:25 | | | |
Bu gönderi en son xiaoyan2015 tarafından 2019-7-20 11:19 tarihinde düzenlenmiştir

Proje Tanıtımı
Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop ve diğer teknik mimarilere dayanan vueChatRoom, benzer bir WeChat arayüzüne sahip bir sohbet odasıdır; bu oda, WeChat sohbet açılır yenileme, mesaj gönderme, emojiler (GIF'ler), resimler, video önizlemeleri, ipuçları, kırmızı zarflar ve diğer işlevleri de sağlar.

Teknik seçim
  • MVVM framework :Vue.js 2.0
  • Eyalet yönetimi: Vuex
  • Sayfa yönlendirme: Vue-router
  • Açılır eklenti: wcPop
  • Paketleme aracı: webpack 2.0
  • Ortam yapılandırması :node.js + cnpm
  • Görsel eklentisi: vue-photo-preview



package.json bağlı kurulum konfigürasyonu:
App Portal Bileşen Şablonu:






















Ana sayfa main.js yapılandırma ve harici bileşenlerin tanıtılması:
Vue rota engelleme, giriş, kayıt engelleme ve doğrulama:





Önceki:Python'da pdfkit ile giriş yapmış sayfa türü nasıl dönüştürülür?
Önümüzdeki:"Dünyanın En Muhteşem 24 Dersi" (ABD) Charles Harnell
Yayınlandı 16.08.2019 11:26:09 |
Öğrenmek için kaynak kodu sağlayabilir misiniz?
Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.
Mail To:help@itsvse.com