ホームページ  >  記事  >  ウェブフロントエンド  >  vue.js にはどのような ui フレームワークがありますか?

vue.js にはどのような ui フレームワークがありますか?

青灯夜游
青灯夜游オリジナル
2020-11-18 17:10:163573ブラウズ

vue.js の UI フレームワークには、Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront などが含まれます。

vue.js にはどのような ui フレームワークがありますか?

#vue.js に基づく UI フレームワーク

1.要素

Ele.me フロントエンドによって開発されたオープンソース UI フレームワークであるエレメント UI フレームワークのボタン コンポーネントは、多くのプログラマーの心を掴みました。発売以来。 github では、星評価は 29.8k と高く、これですべてが説明されています。 PC 側のページを開発するには十分です。 Vue 開発者であっても要素 UI を使用したことがない場合は、間違いなく Vue 開発者としての資格はありません。


# ドキュメント アドレス: http://element-ui.cn

2: iview

# #iView は、Vue.js に基づくオープン ソース UI コンポーネント ライブラリのセットであり、主に PC インターフェイス用のミッドエンドおよびバックエンド製品を提供します。単一ファイルを使用した Vue コンポーネント開発モデルは、npm webpack babel に基づいて開発され、ES2015 高品質で機能豊富で使いやすい API をサポートし、スペースを自由かつ柔軟に使用できます。TalkingData によって開発および保守され、使用されています多くの有名なインターネット企業によって提供されています。


公式ウェブサイトのアドレス: https://www.iviewui.com/

3: vuetify

Vuetifyjs は、マテリアル デザイン仕様に従って UI レイアウトを提供します。 V 1.0 アルファ バージョンでは、タイプ属性に基づいた覚えやすいセマンティック デザインを備えた 80 を超える再利用コンポーネントが提供され、入力するだけで簡単で明確な名前が付けられます。 GitHub には 7,000 を超えるスターがいます。


公式 Web サイトのアドレス: https://vuetifyjs.com/zh-Hans/

4: vue-strap

#Vue.js に基づくブートストラップ コンポーネント このリポジトリには、ブートストラップ マークアップと CSS に基づく一連のネイティブ Vue.js コンポーネントが含まれています。したがって、jQuery および Bootstrap JavaScript ファイルは必要ありません。依存する必要があるのは、Vue.js Bootstrap CSS だけです。VueStrap は、非常に正確な Bootstrap バージョンには依存しません。ブートストラップは好きだが、jquery の開発方法を変更したくない場合は、これが最良の選択です。


公式サイトアドレス: http://yuche.github.io/vue-strap/

5: cube-ui

cube-ui は、Didi チームが開発した Vue.js をベースにした精巧なモバイル コンポーネント ライブラリです。オンデマンドの導入とポストコンパイルをサポートし、軽量かつ柔軟で、強力な拡張性を備え、既存のコンポーネントに基づいた二次開発を簡単に実装できます。


公式ウェブサイトアドレス: https://didi.github.io/cube-ui/#/zh-CN/example

6: buefy

Buefy は、Bulma と Vue.js をベースにした軽量 UI コンポーネントで、すぐに使用できる軽量コンポーネントを提供します。コンポーネントの選択は限られていますが、試してみる価値はあります。


公式ウェブサイトアドレス: https://buefy.org/#/

セブン: vue-beauty

##ant デザインに基づく美しい vue コンポーネント ライブラリ。vue-beauty は、vue.js と ant-design スタイルに基づく PC 側 UI コンポーネント ライブラリのセットで、開発者が製品エクスペリエンスと開発効率を向上できるように設計されています。そしてメンテナンスコストを削減します。

公式サイトアドレス: https://fe-driver.github.io/vue-beauty/#/components/button

8: at-ui

AT-UI は、Vue.js に基づいて高速で強力な Web インターフェイスを開発するモジュール式のフロントエンド UI フレームワークです。デスクトップ アプリケーション専用に構築された AT-UI は、一連の npm webpack babel フロントエンド開発ワークフローを提供します。すべて英語のドキュメントはユーザーにとって難しいかもしれませんが、きちんとしたクリーンで整然とした UI コンポーネントを提供します。

公式 Web サイトアドレス: https://at-ui.github.io/at-ui/#/zh

9: Vue-Blu

Vue-Blu は、Vuejs と Bulma に基づいて開発されたオープンソースの UI コンポーネント ライブラリです。 PC 側のフロントエンド開発 (特にミドルエンドおよびバックエンド製品) に高速かつ柔軟なソリューションを提供することを目的としています。フレンドリーな API を備えた包括的で柔軟かつ強力な UI コンポーネント。

公式ウェブサイトアドレス: https://chenz24.github.io/vue-blu/#/

10: vue-storefront

Vue .js Storefront - PWA を電子商取引に統合し、オフライン アクセスをサポートするフレームワーク

公式 Web サイトのアドレス: http://vuestorefront.io/

関連する推奨事項:

2020 フロントエンド vue インタビューの質問の概要 (回答付き)

vue チュートリアルの推奨事項: 2020 年最新の 5 つの vue.js ビデオ チュートリアルの選択

#プログラミング関連の知識について詳しくは、

プログラミング教育をご覧ください。 !

以上がvue.js にはどのような ui フレームワークがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。