vue フロントエンド UI フレームワークとは何ですか?

青灯夜游
リリース: 2023-01-13 00:44:52
オリジナル
9608 人が閲覧しました

Vue フロントエンド UI フレームワークには、Element、iview、vuetify、vue-strap、cube-ui、buefy、vue-beauty、at-ui、Vue-Blu、vue-storefront、Vux、Mint UI が含まれます。 、ヴァントなど。

vue フロントエンド UI フレームワークとは何ですか?

#この記事の動作環境: Windows10 システム、vue 2.0、thinkpad t480 コンピューター。

関連する推奨事項: 「

vue.js チュートリアル

vue フロントエンド UI フレームワーク

1: 要素

公式 Web サイトのアドレス: http://element-cn.eleme.io/#/zh-CN

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

2: iview

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

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

3: vuetify

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

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

4: vue-strap

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

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

5:cube-ui

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

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

6: buefy

公式 Web サイトのアドレス: https://buefy.github.io/#/

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

セブン: vue-beauty

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

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

エイト: at-ui

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

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

9: Vue-Blu

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

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

Ten: vue-storefront

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

紹介: Vue.js Storefront - PWA を e-Storefront に統合するフレームワークコマース、オフライン アクセスのサポート

イレブン: Vux

公式 Web サイトのアドレス: https://vux.li/

紹介: VUX (発音 [v'ju:z] 、同じビュー) は、WeUI および Vue (2.x) に基づいて開発されたモバイル UI コンポーネント ライブラリであり、主に WeChat ページを提供します。

12: Mint UI

公式 Web サイトのアドレス: http://mint-ui.github.io

はじめに: Mint UI には豊富な CSS コンポーネントと JS コンポーネントが含まれており、日々のモバイル開発ニーズに対応します。これにより、統一されたスタイルのページを迅速に構築し、開発効率を向上させることができます。

13: Vant

中国語ドキュメント: https://youzan.github.io/vant/#/zh-CN/intro

紹介: Youzan フロントエンド チームYouzan の統一仕様に基づいて実装された Vue コンポーネント ライブラリは、UI 基本コンポーネントとビジネス コンポーネントの完全なセットを提供します。

Fourteen: Muse-ui

公式ウェブサイトアドレス: https://muse-ui.org/#/zh-CN

Muse UI は Vue2 をベースに開発されています。 0. Vue2.0 は、現時点で最速のフロントエンド フレームワークの 1 つであり、小型で API フレンドリーで、複雑な単一ページ アプリケーションの開発に使用できます。

プロジェクトに合ったフレームワークを選択して使用できます

関連する推奨事項:


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

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

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

プログラミング ビデオをご覧ください。 !

以上がvue フロントエンド UI フレームワークとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!