vueのelementUIとは何ですか

vue の

elementUI は、ビジネスに依存しない vue をベースに実装された UI コンポーネント ライブラリのセットで、豊富な PC 側コンポーネントのセットを提供し、ユーザーがよく使用するコンポーネントのカプセル化を減らし、開発の容易さ。

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

【おすすめ無料関連記事:

vue.js】

1. vue の概要

Vue はユーザー インターフェイスを構築するための進歩的な JavaScript フレームワークです。開発者はビュー レイヤーに集中するだけで済みます。使い始めるのが簡単なだけでなく、サードパーティのライブラリや既存のプロジェクトとの統合も簡単です。これは、MVVM (Model-View-ViewModel、つまり、ビュー層-ビューモデル層-モデル層) の設計思想に基づいています。 UI レベルに焦点を当てた、MVVM データの双方向バインディングのためのライブラリを提供します。

2. Element-Ui の紹介

element は、ビジネスに依存しない vue ベースの UI コンポーネント ライブラリのセットです。一般的に使用されるコンポーネントをカプセル化すると、開発の容易さが低下します。

3. vue と Element-Ui の関係

##Element-Ui は、vue のカプセル化に基づいたコンポーネント ライブラリであり、一般的に使用されるコンポーネントのカプセル化により、再利用性の原則が向上します。
vue は進歩的なフレームワークであり、Element-Ui はコンポーネント ライブラリです。

4.vue Element-Ui

の使用方法 ステップ 1: vue-cli スキャフォールディングをインストールします (注: 前提として、nodejs がインストールされていることを確認します。cmd を開くことで確認できます)

ステップ 2: nodejs のインストールが完了したら、コマンドを使用して vue と vue-cli をインストールします。コマンドは次のとおりです:

cnpm install vuecnpm install vue-cli -g

注: -g はグローバル インストールを示します

ステップ 3: Webpack を初期化します。コマンドは次のとおりです:

vue init webpack 项目名

ステップ 4: 入力します。初期化中のプロンプトに従って、完了後、element-ui をインストールし、index.js に以下に示すように、グローバル登録を導入するだけです:

Element-ui

cnpm install element-ui --save
index.js中引入全局注册  
import ElementUi from 'elemet-ui'import '@/theme-et/index.css'Vue.use(ElementUi)

をインストールします

関連する無料学習の推奨事項:

javascript(ビデオ)

以上がvueのelementUIとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。