家庭での使用に適した 5 つの Vue モバイル UI コンポーネント ライブラリ

この記事では、家庭での使用に適した Vue モバイル UI コンポーネント ライブラリを 5 つ紹介します。

Vue 3 の正式バージョンがリリースされてからしばらくして、主要なコンポーネント ライブラリとフレームワークが Vue 3、特に Vue モバイル コンポーネント ライブラリをサポートし、最適化しました。アップグレードします。いくつかの大手メーカーも Vue 3 を全面的に採用し、Vue 3 をサポートするモバイル UI コンポーネント ライブラリを次々とリリースしています。これはアムウェイにとって非常に価値のあることです。 (学習ビデオ共有: vuejs チュートリアル)

この記事では、中国で一般的に使用されている Vue モバイル UI コンポーネント ライブラリをスクリーニングし、国内の一流インターネット企業から、またはより商業化されているモデルを 5 つ選択します。企業・個人が長年維持してきた無料のモバイルUIライブラリを全員で共有します。

• Vant 3 - Youzan モバイル UI コンポーネント ライブラリ、Vue 3 WeChat アプレット、Alipay アプレットをサポート
• Cube UI - Didi Chuxing モバイル UI ライブラリ、信頼できる品質と標準 標準で拡張性が高い
• VUX - WeChat 向けに強力に最適化されたモバイル UI コンポーネント ライブラリ
• NUTUI 3.0 - 電子商取引ビジネス シナリオ向けの JD モバイル UI ライブラリ、Vue3
• Vuetify 3 - 旧Google のマテリアル デザイン スタイルに基づいて開発された Vue UI は、Vue3

1 をサポートします。Vant 3 - Youzan モバイル UI コンポーネント ライブラリは、Vue 3 WeChat Mini プログラム、Alipay mini プログラム##をサポートします。

##Github: https://github.com/youzan/vant

まずは、 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 ライブラリ、信頼性の高い品質、標準化された拡張性の高い

##Github: https://github.com/didi/cube-ui

Didi チームがオープンソース化した Cube UI モバイル Vue UI コンポーネント ライブラリは軽量で使いやすいです。

Cube UI は信頼できる品質を備えており、Didi の内部コンポーネント ライブラリから合理化および洗練されており、1 年以上のビジネス テストを経験しており、各コンポーネントにはその後の統合を保証するために十分な単体テストが行​​われています。素早いレスポンス、スムーズなアニメーション、ネイティブに近い動作を目指し、究極のインタラクティブ体験を追求。

Cube UIの標準仕様は、統一されたデザインインタラクション標準に準拠しており、デザイン効果を高度に復元し、インターフェースの標準化や使用方法の統一・標準化により、開発をよりシンプルかつ効率的にします。強力な拡張性を備え、オンデマンドの導入とポストコンパイルをサポートし、軽量かつ柔軟で、強力な拡張性を備え、既存のコンポーネントに基づいた二次開発を容易に実装できます。

3. VUX - WeChat 向けに強力に最適化されたモバイル UI コンポーネント ライブラリ

Github : https://github.com/airyland/vux

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/

(学習ビデオ共有:

Web フロントエンド開発、プログラミング入門)

以上が家庭での使用に適した 5 つの Vue モバイル UI コンポーネント ライブラリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。