在 Laravel 项目中设置 PrimeVue。
PrimeVue 可在 npm registry 上下载。
# Using npm
npm install primevue @primeuix/themes
# Using yarn
yarn add primevue @primeuix/themes
# Using pnpm
pnpm add primevue @primeuix/themes
需要将 PrimeVue 插件安装为应用程序插件以设置默认配置。该插件轻量级，仅用于配置目的。
import { createApp } from 'vue';
import PrimeVue from 'primevue/config';
const app = createApp(App);
app.use(PrimeVue);
配置 PrimeVue 以使用像 Aura 这样的主题。
import { createApp } from 'vue';
import PrimeVue from 'primevue/config';
import Aura from '@primeuix/themes/aura';
const app = createApp(App);
app.use(PrimeVue, {
theme: {
preset: Aura
}
});
通过添加诸如 Button 等组件来验证您的设置。每个组件都可以单独导入和注册，这样您只需包含所使用的内容以进行包优化。导入路径可在相应组件的文档中找到。
import Button from "primevue/button"
const app = createApp(App);
app.component('Button', Button);
我们为 Vue 生态系统中的热门选项创建了各种示例。访问 primevue-examples 仓库获取更多示例，包括 laravel-quickstart 和 inertia-quickstart。
欢迎来到 Prime UI 生态系统！一旦您的 PrimeVue 启动并运行，我们建议探索以下资源以更深入地了解该库。