前回の記事では、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% さまざまな理由と解決策でスタック
序文ご存知のとおり、デフォルトでは、Alibaba Cloud にインストールされている MySQL...
mysql コマンドを使用して MySQL サーバーに接続します。 MySQL サーバーが起動したら...
1. リストシンボルを設定するlist-style-type: attribute; //リストの...
目次サンプルコードレンダリングコード分析要約するサンプルコード var データ = [220, ...
目次1. テスト環境1.1 CentOS 7をインストールする1.2 Docker CE 19.03...
実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共有す...
<br />言葉は、人間の思考や感情を伝えるために必然的に生み出されるものです。人類の文...
序文lvm (論理ボリューム マネージャー) 論理ボリューム管理は、Linux システムのニーズを満...
1. 背景1.1 問題点最近の製品テスト レポートでは、PKI ベースの認証方法の使用が推奨されて...
<canvas> 要素は、クライアント側のベクター グラフィックス用に設計されています。...
1.公式サイトからインストールパッケージをダウンロードするhttp://nginx.org/en/d...
概要binlog2sql は、Python で開発されたオープンソースの MySQL Binlog ...
日常業務では、実行に時間のかかる SQL ステートメントを記録するために、スロー クエリを実行するこ...
1. nginxソースディレクトリに新しいrtmpディレクトリを作成し、git clone http...
目次ビジネス要件:解決策 1: vuex-persistedstate解決策2: vuex-pers...