PrimeVue高效UI组件库

xlc5202024年10月12日小于 1 分钟约 174 字

PrimeVue高效UI组件库

PrimeVue 组件库地址

https://primevue.org/

PrimeVue 使用方法

安装依赖：

pnpm add primevue@4.0.0-rc.2

项目中配置：

import { createApp } from 'vue';
import PrimeVue from 'primevue/config';
import Aura from '@primevue/themes/aura';

const app = createApp(App);
app.use(PrimeVue, {
    // 配置主题
    theme: {
        preset: Aura
    }
});

使用组件：

   <template>
     <Button label="点击我" />
   </template>

   <script>
   import { Button } from 'primevue';

   export default {
     components: {
       Button,
     },
   };
   </script>