Element UIの導入と使用方法

2年 ago
海斗, 葵
1 minute

ElementUIを導入し使用するには、以下の手順を行います。

  1. ElementUIのインストール：npmまたはyarnコマンドを使用して、ElementUIをインストールします。
npm install element-ui

あるいは

yarn add element-ui
  1. ElementUIをインポートする：プロジェクトのエントリファイル（例：main.jsまたはmain.ts）で、ElementUIのCSSファイルとJavaScriptファイルを取り込む。
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
  1. VueコンポーネントでElementUIのコンポーネントを使用する
<template>
<el-button type="primary">Primary Button</el-button>
</template>
<script>
export default {
name: 'MyComponent'
}
</script>

ElementUI のデプロイと利用がこれで完了しました。ElementUI のドキュメントに従ってさらに他のコンポーネントと機能を理解し利用できます。

bannerAds