vueチャットの例|WeChatチャットインターフェースIMを模してみて

小燕2015 · 掲載地 2019/07/20 11:18:25

この投稿は2019年7月20日11:19にxiaoyan2015によって最後に編集されました。

プロジェクト紹介
Vue2.0+Vuex+vue-router+webpack2.0+es6+node+vuePhotoPreview+wcPopなどの技術アーキテクチャを基に、vueChatRoomは類似のWeChatインターフェースを持つチャットルームで、WeChatチャットのプルダウンリフレッシュ、メッセージ送信、絵文字(GIF)、写真、動画プレビュー、チップ、赤封通しなどの機能を実現しています。

技術選考

MVVMフレームワーク:Vue.js 2.0
州管理:Vuex
ページルーティング:Vue-router
ポップアッププラグイン:wcPop
パッケージングツール:webpack 2.0
環境構成 :node.js + cnpm
画像プラグイン:vue-photo-preview

package.json 依存するインストール構成:

ログインが見えます。

アプリポータルコンポーネントテンプレート:

ログインが見えます。

メインページmain.js設定および外部コンポーネントの導入:

ログインが見えます。

Vueルートブロック、ログイン、登録ブロックおよび検証:

ログインが見えます。

XJZADM · 掲載地 2019/08/16 11:26:09

学習用のソースコードを提供できますか?

[ヴュー] vueチャットの例|WeChatチャットインターフェースIMを模してみて

閲覧したセクション