vue フロントエンド UI フレームワークとは何ですか?-Vue.js-php.cn

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

青灯夜游

リリース： 2023-01-13 00:44:52

オリジナル

9796 人が閲覧しました

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 基本コンポーネントとビジネスコンポーネントの完全なセットを提供します。