導入これは、スケーラビリティを最大限に高めながら基本的なカプセル化を提供する 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 のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: HTML の blockquote タグの使用と美化
1. MySQLをシャットダウンする [root@localhost /]# サービスmysqldを...
ページをナビゲートする2つの方法宣言型ナビゲーション: リンクをクリックしてナビゲーションを実現する...
この記事では、配列フィルタリングを実装するためのJavaScriptの具体的なコードを参考までに紹介...
目次外部キーテーブルの関係を決定する方法テーブル関係を作成する方法1対多の関係 - 従業員テーブルと...
効果画像:実装コードは以下のとおりですビュー <canvas id="radar-c...
擬似要素と擬似クラスところで、まずは疑似クラスセレクターと疑似要素セレクターについておさらいしておき...
目次1 v-ifとv-showの使用2. 計算と監視を区別する3 v-for トラバーサルでは、アイ...
XAML レイアウトを使用する場合、インターフェイスを Metro 風にするために、一部のボタンでは...
定義と使用法display プロパティは、要素が生成するボックスのタイプを指定します。例示するこの属...
目次JavaScript イベント:よく使用されるイベント:イベントアクション要約するJavaScr...
mysql-connector-java.jar パッケージのチュートリアルをダウンロードします: ...
1. 開発環境 vue+vant 2. コンピュータシステム Windows 10 Profess...
目次序文環境インストールMySQLコンテナを作成して起動する思い出させるMySQLコンテナコマンドを...
1. MySQL 独自のストレステストツール - Mysqlslap mysqlslap は、mys...
なぜ?最も簡単に言えば、ピクセルは均等ではないということです。携帯電話に表示される写真はとても繊細に...