ホームページ > ウェブフロントエンド > Vue.js > vueのelementUIとは何ですか

vueのelementUIとは何ですか

coldplay.xixi
リリース: 2023-01-13 00:44:44
オリジナル
35810 人が閲覧しました

vue の

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

vueのelementUIとは何ですか

#この記事の動作環境: 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート