導入これは、スケーラビリティを最大限に高めながら基本的なカプセル化を提供する 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 タグの使用と美化
nginx.conf設定ファイルは次のとおりです。 ユーザー nginx; ワーカープロセス 1; ...
まだ rem フレキシブルレイアウトを使用していますか?圧縮された js コードの大きなセクションを...
目次1. はじめに2. インストール3. 使用4. vueファイルの使用1. はじめに最近、手書き入...
Windows 10 は Linux サブシステムをサポートするようになり、面倒なデュアル システ...
目次1. プロジェクトの説明2. Nginxイメージの作成3. MySQLイメージの作成4. PHP...
概要ビルダー パターンは比較的単純なデザイン パターンであり、作成パターンに属します。定義: 複雑な...
最近、CSS3に関する知識や記事をたくさん読んできましたが、CSS3はとても便利に使えると思います。...
MySQL データベース テーブルでは、インデックスを作成、表示、再構築、削除できるため、クエリ速度...
目次導入従来のトランジションアニメーションCSS トランジションアニメーションjsアニメーション従来...
序文IE の将来のすべてのバージョンで Web ページの外観が一貫していることを保証するために、IE...
関数0. 現在の時刻を表示するコマンド: select now()。機能: 現在の時刻を表示します。...
目次1. データベースのマスター/スレーブ分類: 2. MySQL マスタースレーブの紹介3. マス...
エフェクト表示: 環境準備コントローラーノード: 6GB 4時間60GB/30GB/30GB計算ノー...
目次既存のイメージからイメージを更新します。イメージを最初から構築する: Docker イメージ リ...
目次1.0 はじめに2.0 Dockerのインストール3.0基本的なDockerコマンド4.0 Do...