Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › Ejemplo de chat vue|Imitar la interfaz de chat de WeChat IM
Vista: 11595|Respuesta: 1

[Vue] Ejemplo de chat vue|Imitar la interfaz de chat de WeChat IM

[Copiar enlace]
Publicado en 20/7/2019 11:18:25 | | | |
Esta publicación fue editada por última vez por xiaoyan2015 el 20-7-2019 a las 11:19

Introducción al proyecto
Basado en Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop y otras arquitecturas técnicas, vueChatRoom es una sala de chat con una interfaz WeChat similar, que permite refrescar el chat de WeChat, enviar mensajes, emoticonos (GIFs), imágenes, vistas previas de vídeo, consejos, sobres rojos y otras funciones.

Selección técnica
  • Framework MVVM :Vue.js 2.0
  • Gestión estatal: Vuex
  • Enrutamiento de páginas: Vue-router
  • Complemento emergente: wcPop
  • Herramienta de embalaje: webpack 2.0
  • Configuración del entorno :node.js + cnpm
  • Plugin de imagen: vue-photo-preview



package.json configuración de instalación dependiente:
Plantilla de componentes del portal de aplicaciones:






















Página principal main.js configuración y componentes externos presentados:
Bloqueo de rutas de Vue, inicio de sesión, bloqueo y verificación de registros:





Anterior:¿Cómo convertir el tipo de página iniciada con pdfkit en python?
Próximo:"Las 24 lecciones más asombrosas del mundo" (EE. UU.) Charles Harnell
Publicado en 16/8/2019 11:26:09 |
¿Puedes proporcionar el código fuente para aprender?
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com