欢迎

## Alpine.js 模式 ### 基本切换

<按钮@click =“打开=！打开”> 切换菜单

菜单内容

### 下拉菜单

<按钮@click =“打开=！打开”> 选项

编辑删除

### 莫代尔

模态标题

此处为模态内容

### 带有加载状态的表单 <表格 x-data =“{加载：错误}” @submit.prevent="loading = true; $el.submit()" 方法=“发布” 行动=“{{路线（'orders.store'）}}” > @csrf <输入类型=“文本”名称=“名称”必需> <按钮类型=“提交”：disabled=“加载”> 提交正在处理... ## 参考文献主题 |参考|何时加载 ---|---|--- 刀片进阶| [references/blade.md]() |插槽、堆栈、包括 Alpine.js 模式 | [references/alpine.md]() |复杂的相互作用 ## TailwindCSS v4 快速参考 /* 资源/css/app.css */ @导入“tailwindcss”； @主题{ --颜色主色：#3b82f6； --颜色次要：#6b7280； } {{-- 深色模式 --}}

{{-- 转换 --}} <按钮类=“transition-colorsuration-200悬停：bg-blue-700”> ## Vite 设置 // vite.config.js 从“vite”导入{defineConfig}；从“laravel-vite-plugin”导入 laravel；导出默认的defineConfig({ 插件：[ 拉拉维尔（{ 输入：['resources/css/app.css', 'resources/js/app.js'], 刷新：真实， }), ], }); npm run dev # 使用 HMR 进行开发 npm run build # 生产版本

Laravel 全栈

包含技能