vue.js ベースの QQ チャット ルーム

導入

これは、スケーラビリティを最大限に高めながら基本的なカプセル化を提供する vue.js に基づいて開発されたチャット ルーム コンポーネント ライブラリです。

効果のデモンストレーションは次のとおりです。

MChat コンポーネントのレンダリング:

IChat コンポーネント効果図:

インストール方法

npmを使用してインストールする

npm で vue-mchat をインストールします

使用

main.js にインポートする

# npmダウンロード方法 // CSSを入力
'MChat/lib/MChat.css' をインポートします
// コンポーネントをインポートする import MChat from 'MChat'
//vue を使用してコンポーネントをロードします Vue.use(MChat)
#

二次開発の進め方

オプション1:

必要なプロジェクトに pacages フォルダをコピーし、main.js に vue-mchat を導入するだけです。

'./App.vue' からアプリをインポートします。
'../packages/index' から MChat をインポートします

Vue.use(MChat)

オプション2:

vue-mchat をベースに開発され、js ライブラリにパッケージ化されて導入されています。

vue-mchat ディレクトリで実行します。

npm 実行 lib

MChat のコンパイル済みファイル ライブラリを含む lib ファイルを取得できます。 lib ファイル全体をプロジェクトにコピーし、main.js に導入します。

'../lib/MChat.css' をインポートします
'../lib/MChat.umd' から MChat をインポートします

Vue.use(MChat)

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。