Тази статия е огледална статия за машинен превод, моля, кликнете тук, за да преминете към оригиналната статия.

Изглед: 11595|Отговор: 1

[Vue] Пример за чат на vue|Имитирайте интерфейса за чат в WeChat IM

[Копирай линк]
Публикувано в 20.07.2019 г. 11:18:25 ч. | | | |
Този пост беше последно редактиран от xiaoyan2015 на 20.07.2019 11:19

Въведение в проекта
Въз основа на Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPop и други технически архитектури, vueChatRoom е чат стая с подобен WeChat интерфейс, която реализира обновяване на WeChat чата, изпращане на съобщения, емотикони (GIF), снимки, видео предварителни прегледи, съвети, червени пликове и други функции.

Технически подбор
  • MVVM framework :Vue.js 2.0
  • Държавно управление: Vuex
  • Маршрутизиране на страницата: Vue-router
  • Изскачащ плъгин: wcPop
  • Инструмент за опаковане: webpack 2.0
  • Конфигурация на околната среда :node.js + cnpm
  • Плъгин за изображение: vue-photo-preview



package.json конфигурация на инсталация, зависима:
Шаблон за компонент на App Portal:






















Главна страница main.js въведени конфигурации и външни компоненти:
Vue блокиране на маршрути, вход, блокиране на регистрация и верификация:





Предишен:Как да конвертирам вида на влезена страница с pdfkit на python?
Следващ:"24-те най-невероятни урока в света" (САЩ) Чарлз Харнел
Публикувано в 16.08.2019 г. 11:26:09 ч. |
Можеш ли да предоставиш изходния код за учене?
Отричане:
Целият софтуер, програмни материали или статии, публикувани от Code Farmer Network, са само за учебни и изследователски цели; Горното съдържание не трябва да се използва за търговски или незаконни цели, в противен случай потребителите ще понесат всички последствия. Информацията на този сайт идва от интернет, а споровете за авторски права нямат нищо общо с този сайт. Трябва напълно да изтриете горното съдържание от компютъра си в рамките на 24 часа след изтеглянето. Ако ви харесва програмата, моля, подкрепете оригинален софтуер, купете регистрация и получете по-добри услуги. Ако има нарушение, моля, свържете се с нас по имейл.

Mail To:help@itsvse.com