Detaillierte Erklärung zur Verwendung von Element-Plus in Vue3

Vue3 ist schon seit einiger Zeit verfügbar und Element hat seine Version aktualisiert, um mit Vue3 kompatibel zu sein. Hier finden Sie eine kurze Einführung in die Verwendung von Element-Plus

1. Installation

npm installiere element-plus --save

2. Importieren in main.js

importiere { createApp, Vue } von „vue“;
importiere ElementPlus von „element-plus“;
importiere "element-plus/dist/index.css";
App aus „./App.vue“ importieren;

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

3. Nutzung

Hier verwenden wir den Button

<el-Zeile>
  <el-button>Standardschaltfläche</el-button>
  <el-button type="primary">Primäre Schaltfläche</el-button>
  <el-button type="success">Erfolg-Button</el-button>
  <el-button type="info">Informationsschaltfläche</el-button>
  <el-button type="warning">Warnungsschaltfläche</el-button>
  <el-button type="danger">Gefahrenknopf</el-button>
</el-row>

Weitere Einzelheiten entnehmen Sie bitte der offiziellen Dokumentation

Dies ist das Ende dieses Artikels zur Verwendung von Element-Plus in Vue3. Weitere Informationen zur Verwendung von Element-Plus in Vue3 finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!