So installieren Sie Element UI und verwenden Vektorgrafiken in vue3.0

• Hier konzentrieren wir uns nur auf die Installation und Verwendung von v3. Wenn Sie mehr über v2 erfahren möchten, können Sie auf die offizielle Website wechseln: https://element.eleme.io/#/zh-CN/component/installation
• Offizielle Website v3: https://element-plus.org/zh-CN/guide/installation.html
• Unterschied zwischen vue2 und vue3 bei Verwendung von Element-UI
• Installationsbefehle

Symbole in v2 verwenden Schriftarten, während Symbole in v3 SVG verwenden

Element UI installieren

• Installation mit npm

npm installiere element-plus --save

Das Symbol muss installiert werden

npm installiere @element-plus/icons-vue

• verwenden

Globale Übertragung nach main.js

importiere elementPlus von 'element-plus'
importiere 'element-plus/dist/index.css'
importiere '@/assets/css/index.scss'
//Externen Vektorgrafikimport einführen '@/assets/iconfont/iconfont.css'
const app = erstelleApp(App);
app.config.globalProperties.axios = axios;
App
.use(elementPlus)
.mount('#app');

Schreiben Sie den Code normal gemäß der in Element UI angegebenen Beschriftungsmethode

Vue-Datei verwendet Symbol Symbol

<el-icon :size="Größe" :color="Farbe"> <bearbeiten></bearbeiten> </el-icon>
oder <Bearbeiten></Bearbeiten>
<Speicherort hinzufügen/>
//Vektorillustration<i class="iconfont icon-huyan"></i>
//Geben Sie das Symbol (SVG) ein, das Sie verwenden müssen
importiere {Edit,AddLocation} aus '@element-plus/icons-vue'
Komponenten: { Bearbeiten, Standort hinzufügen }

Integrieren Sie Vektorgrafiken in Ihr Projekt

herunterladen

• verwenden

Kopieren Sie diese sechs Dateien in das Projekt und importieren Sie sie in main.js, bevor Sie sie verwenden

Dies ist das Ende dieses Artikels über die Installation von Element UI in vue3.0 und die Verwendung von Vektorgrafiken. Weitere relevante Inhalte zur Installation von Element UI in vue3.0 finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!