前回の記事では、Vue3を使ったVue CLIプロジェクトの作成方法(その1)を紹介しました。次回は前回の記事をベースに以下の記事の内容を拡張していきます。 1. Ant Design Vueを統合するSQL: [email protected] をインストールします --save 互換性: IE シリーズのブラウザでは、 2. コンポーネントの使用公式ウェブサイトアドレス: https://2x.antdv.com/docs/vue/getting-started-cn 1. 完全な引用main.ts の内容を次のように変更します。 ts 'vue' から {createApp} をインポートします。 'ant-design-vue' から Antd をインポートします。 './App.vue' からアプリをインポートします。 'ant-design-vue/dist/antd.css' をインポートします。 './router' からルーターをインポートします。 './store' からストアをインポートします。 // 開発が簡単という利点がありますが、パッケージ化するとファイルサイズが大きくなるという欠点があります(ただし、影響はありません) createApp(App).use(store).use(router).use(Antd).mount('#app') 2. コンポーネントリファレンスインポートが完了したら、コンポーネントを問題なく使用できます。以前に 3. コンポーネントの使用例以下のように、 1.ホームページに変更を加えるHTML: <テンプレート> <div class="home"> <a-button type="primary" danger>プライマリ</a-button> <img alt="Vue ロゴ" src="../assets/logo.png"> <HelloWorld msg="Vue.js + TypeScript アプリへようこそ"/> </div> </テンプレート> <script lang="ts"> 'vue' から defineComponent をインポートします。 import HelloWorld from '@/components/HelloWorld.vue'; // @ は /src へのエイリアスです エクスポートデフォルトdefineComponent({ 名前: 'ホーム'、 コンポーネント: こんにちは世界、 }, }); </スクリプト> 2. 効果を確認するためにサービスを再起動する
IV. 結論これで、 以下もご興味があるかもしれません:
|
<<: DockerにRedisをインストールし、パスワードを設定して接続する方法
>>: Sqoop エクスポート マップ 100% 削減 0% さまざまな理由と解決策でスタック
FIFO通信(先入れ先出し)関連のないプロセス間の通信を可能にする FIFO 名前付きパイプ。パイプ...
正直に言うと、この質問には MySQL のコア知識がかなり必要で、コンピュータ ネットワークの知識を...
マルチ選択は、すべてのオプションを一覧表示し、ユーザーが Ctrl/Shift キーを使用して複数選...
目次MySQL 複数インスタンスマルチインスタンスの概要マルチインスタンスとは何ですか?複数のインス...
この記事では、例を使用して、MySQL ストアド プロシージャでのループ ステートメント (WHIL...
学習プロセス中にプッシュ イメージが常にタイムアウトすることがわかったため、Alibaba Clou...
コンテナが起動した後まず管理者にログインして新しいユーザーを作成してください $ docker ex...
1. Webプロジェクトを作成したら、Tomcatを例にサーバーを構成する必要があります。 2. 実...
Dockerは複数のSpringbootを実行する1番目: ポートマッピング 2番目: メモリサイズ...
デフォルトでは、ヘッダーの幅と高さはコンテンツに応じて自動的に調整されます。ヘッダーの幅と高さを手動...
目次コンポーネント通信の概要コンテンツ3つの方法まとめコンポーネントコミュニケーション - 父から息...
HTML フォームは、名前、電子メール アドレス、場所、年齢などのユーザー情報を収集するためによく使...
v-for ディレクティブリストといえば、ループについても触れなければなりません。v-for 命令は...
目次セットは値が重複しない特別なコレクションです。セットコレクション基本API独自の価値判断セットを...
この記事の例では、3階層メニューを再帰的に実装するVueの具体的なコードを参考までに共有しています。...