动态导入

动态导入允许按需加载多个项目，从而简化导入过程。

概述 #

对于图标，使用@primevue/icons；对于组件（Editor 和 Chart 除外），使用 primevue，可以一起导入多个项目。


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>