動態載入

動態載入可以根據需要載入多個項目，簡化載入流程。

概述 #

使用 @primevue/icons 載入圖示和 primevue 載入元件（Editor 和 Chart 除外）時，可以一起載入多個項目。


import { Button, InputText } from 'primevue';
import { SearchIcon, BellIcon } from '@primevue/icons';

另一方面，它們可以根據需要從特定結構載入多個項目，使程式碼管理更容易。


<script setup>
import * as PrimeVue from 'primevue';

const items = [
    { as: 'Button', class: 'my-button-class' },
    { as: 'InputText', class: 'my-inputtext-class' }
};
</script>

<template>
    <component v-for="item of items" :is="PrimeVue[item.as]" :class="item.class" />
</template>