Vue3でelement-plusを使用する方法

vue3うちいくつかの時間のために、要素は、バージョン互換性vue3、使用方法の簡単な外観に更新されている要素をプラスして

1.インストール

npm install element-plus --save

2.紹介する

import {
    
     createApp, Vue } from 'vue';
import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';
import App from './App.vue';

const app = createApp(App)
app.use(ElementPlus)
app.mount('#app')

3.使用
ここにボタンがあります

<el-row>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</el-row>

詳細は公式文書で確認できます