Cet article est un article miroir de traduction automatique, veuillez cliquer ici pour accéder à l’article original.

Architect_Programmer_Code Réseau agricole»Architecte › Conception front-end & web › Cadre frontal › Exemple de chat vue|Imiter l’interface de chat WeChat IM
Vue: 11595|Répondre: 1

[Vue] Exemple de chat vue|Imiter l’interface de chat WeChat IM

[Copié le lien]
Publié sur 20/07/2019 11:18:25 | | | |
Ce post a été modifié pour la dernière fois par xiaoyan2015 le 20-7-2019 à 11:19

Introduction au projet
Basé sur Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop et d’autres architectures techniques, vueChatRoom est un salon de discussion avec une interface WeChat similaire, qui permet le rafraîchissement déroulant du chat WeChat, l’envoi de messages, des émoticônes (GIF), des photos, des aperçus vidéo, des conseils, des enveloppes rouges et d’autres fonctions.

Sélection technique
  • Framework MVVM :Vue.js 2.0
  • Direction d’État : Vuex
  • Routage de pages : Vue-router
  • Module contextuel : wcPop
  • Outil d’emballage : webpack 2.0
  • Configuration de l’environnement :node.js + cnpm
  • Plugin d’image : vue-photo-preview



package.json configuration d’installation dépendante :
Modèle de composant du portail d’application :






















Page principale main.js configuration et composants externes introduits :
Blocage des itinéraires Vue, blocage et vérification de la connexion :





Précédent:Comment convertir le type de page connectée avec pdfkit en python ?
Prochain:« Les 24 leçons les plus étonnantes du monde » (États-Unis) Charles Harnell
Publié sur 16/08/2019 11:26:09 |
Pouvez-vous fournir le code source pour apprendre ?
Démenti:
Tous les logiciels, supports de programmation ou articles publiés par Code Farmer Network sont uniquement destinés à l’apprentissage et à la recherche ; Le contenu ci-dessus ne doit pas être utilisé à des fins commerciales ou illégales, sinon les utilisateurs assumeront toutes les conséquences. Les informations sur ce site proviennent d’Internet, et les litiges de droits d’auteur n’ont rien à voir avec ce site. Vous devez supprimer complètement le contenu ci-dessus de votre ordinateur dans les 24 heures suivant le téléchargement. Si vous aimez le programme, merci de soutenir un logiciel authentique, d’acheter l’immatriculation et d’obtenir de meilleurs services authentiques. En cas d’infraction, veuillez nous contacter par e-mail.
Mail To:help@itsvse.com