この記事では、家庭での使用に適した Vue モバイル UI コンポーネント ライブラリを 5 つ紹介します。
Vue 3 の正式バージョンがリリースされてからしばらくして、主要なコンポーネント ライブラリとフレームワークが Vue 3、特に Vue モバイル コンポーネント ライブラリをサポートし、最適化しました。アップグレードします。いくつかの大手メーカーも Vue 3 を全面的に採用し、Vue 3 をサポートするモバイル UI コンポーネント ライブラリを次々とリリースしています。これはアムウェイにとって非常に価値のあることです。 (学習ビデオ共有: vuejs チュートリアル)
この記事では、中国で一般的に使用されている Vue モバイル UI コンポーネント ライブラリをスクリーニングし、国内の一流インターネット企業から、またはより商業化されているモデルを 5 つ選択します。企業・個人が長年維持してきた無料のモバイルUIライブラリを全員で共有します。
1 をサポートします。Vant 3 - Youzan モバイル UI コンポーネント ライブラリは、Vue 3 WeChat Mini プログラム、Alipay mini プログラム##をサポートします。
まずは、 Youzan チームによってオープンソース化された Vant 3 モバイル UI コンポーネント ライブラリは、Vue 3 を完全にサポートするだけでなく、WeChat ミニ プログラムと Alipay ミニ プログラムもサポートします。モバイルUIコンポーネントライブラリの王様と言えるでしょう。 Vant は、Youzan のすべてのコア ビジネスを社内で担い、社外では 100,000 人を超える開発者にサービスを提供しており、業界で主流のモバイル コンポーネント ライブラリの 1 つです。
Vant 3 は優れたパフォーマンスを備え、平均コンポーネント サイズは 1KB (min gzip) 未満で、65 個の高品質コンポーネントが組み込まれており、主流の使用シナリオのほとんどのニーズをカバーします。テーマ変数は 700 個あり、オンデマンドでコンポーネントを導入し、パッケージング量を削減するために Tree-Shaking が導入されています。
2. Cube UI - Didi Chuxing モバイル UI ライブラリ、信頼性の高い品質、標準化された拡張性の高い
Didi チームがオープンソース化した Cube UI モバイル Vue UI コンポーネント ライブラリは軽量で使いやすいです。
Cube UI は信頼できる品質を備えており、Didi の内部コンポーネント ライブラリから合理化および洗練されており、1 年以上のビジネス テストを経験しており、各コンポーネントにはその後の統合を保証するために十分な単体テストが行われています。素早いレスポンス、スムーズなアニメーション、ネイティブに近い動作を目指し、究極のインタラクティブ体験を追求。
Cube UIの標準仕様は、統一されたデザインインタラクション標準に準拠しており、デザイン効果を高度に復元し、インターフェースの標準化や使用方法の統一・標準化により、開発をよりシンプルかつ効率的にします。強力な拡張性を備え、オンデマンドの導入とポストコンパイルをサポートし、軽量かつ柔軟で、強力な拡張性を備え、既存のコンポーネントに基づいた二次開発を容易に実装できます。
3. VUX - WeChat 向けに強力に最適化されたモバイル UI コンポーネント ライブラリ
VUX は、控えめなモバイル Vue UI コンポーネント ライブラリです。これは純粋に作者の個人的な興味によってサポートされており、5 ～ 6 年間維持されています。年。主にモバイル端末向けにサービスを提供し、WeChat をフレンドリーにサポートします。 vux-loader のサポートにより、過剰なパッケージ サイズを気にせずにコンポーネントをオンデマンドで使用できるようになります。 VUX はWeUI
(WeChat のデザイン UI ライブラリ) に完全に依存しているわけではありません。VUX は WeUI に基づいて多くの共通コンポーネントを拡張していますが、全体的な UI スタイルを WeUI のデザイン仕様に近づけようとします。
#4. NutUI 3.0 - 電子商取引ビジネス シナリオ向けの JD.com モバイル UI ライブラリ
##Github: https://github.com/jdf2e/nutui
NutUI 3.0 は、JD.com によってリリースされた Vue 3 モバイル UI コンポーネント ライブラリです。モバイル対応で、モバイル電子商取引ビジネス シナリオでのテスト用に特別に最適化されています。 JD APP 10.0 ビジュアル仕様に基づいて開発された 70 個の高品質 UI コンポーネントは、オンデマンド リファレンス、TypeScript およびテーマのカスタマイズをサポートします。 Vue 言語を使用して H5 およびミニ プログラム プラットフォームでアプリケーションを作成できるため、開発効率と開発エクスペリエンスの向上に役立ちます。
5. Vuetify 3 - Google のマテリアル デザイン スタイルに基づいて開発された古い Vue UI
Github: https://github.com/vuetifyjs/vuetify Vuetify は、豊富な機能を提供するベテランの Vue UI コンポーネント ライブラリです。一般的に使用されるコンポーネント (100 を超えるコンポーネントがあります)。ほとんどのシナリオでの使用に適しています。 Vuetify は Google のマテリアル デザイン スタイルに基づいて開発されており、CSS を 1 行も記述することなく、非常にすっきりとしたインターフェイス関数を生成できます。 Vuetify は PC とモバイル端末をサポートしています。特にモバイル端末向けに最適化されています。応答性が高く、設定が簡単で、応答性の高いネットワーク システムを備え、イベント処理をサポートし、複数のブラウザーをサポートし、IE 11 もサポートしています。 Vuetify は Vue 3 をサポートするバージョンをリリースしました。将来の移行問題を検討している場合は、安心して使用できます。 拡張機能: Vue UI コンポーネント ライブラリと Kara Cloud この記事では 5 つの Vue モバイル UI コンポーネント ライブラリを紹介しますが、これらのコンポーネント ライブラリは私たちを救うことができます。車輪の再発明からは解放されますが、それでも、フロントエンドのデバッグは時々イライラすることがあります。フロントエンドの問題に対処したくない場合は、Kara Cloud を使用することをお勧めします。Kara Cloud にはさまざまなコンポーネントが組み込まれています。フロントエンドの知識は必要ありません。ドラッグアンドドロップ。 これは、Kara Cloud で構築されたデータベース CURD バックエンド管理システムです。コンポーネントをドラッグ アンド ドロップするだけで、10 分でセットアップを完了できます。 その他のテンプレートを表示: https://kalacloud.com/templates/
##元のアドレス: https://kalacloud.com/blog/best -vue -mobile-ui-component-libraries/
(学習ビデオ共有:
以上が家庭での使用に適した 5 つの Vue モバイル UI コンポーネント ライブラリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
