SuperAPI AI 工具集

laravel-inertia-vue

前端与建站

查看项目

更新于 10-15 22:41

技能介绍

用途:用于构建 Laravel、Inertia.js 与 Vue 3 组合的现代单体应用,提供一套按优先级组织的开发规则与示例,帮助统一页面组件、表单、导航、共享数据与布局的写法。

主要能力:规则分为七类——页面组件(page-,含 props 类型、组件结构、Head 管理、默认布局)、表单与校验(form-,含 useForm 基础、校验错误展示、提交状态、reset/preserve、提交前转换)、导航与链接(nav-,含 Link 组件、状态保留、部分刷新、history 替换)、共享数据(shared-,含认证用户、flash 消息、全局 props、TypeScript 类型)、布局(layout-,含持久、嵌套、默认与条件布局)、文件上传(upload-,含基础上传、进度、多文件)与高级模式(advanced-,含轮询、预取、模态页面、无限滚动)。资料称共 30+ 规则,元数据标注为 24 条规则、6 个类别。

使用方式:按需阅读 rules/ 目录下的单条规则文件,例如 rules/form-useform-basic.md、rules/page-props-typing.md、rules/layout-persistent.md。示例涵盖 Vue 单文件组件中的 defineProps 类型声明、useForm 提交与错误显示、usePage 读取共享数据、HandleInertiaRequests 中 share 方法、Laravel 控制器中 Inertia::render 等。

适用场景:Laravel 后端配合 Inertia 与 Vue 3 前端的全栈开发,尤其需要 TypeScript 类型页面 props、表单处理与持久布局时。

限制:资料未提供安装命令、版本兼容性验证结果、收费信息与实际运行效果;部分内容标注为教学用途。技术栈要求标注为 Laravel 12+、Inertia.js 2.0+、Vue 3.3+、TypeScript 5+,但未说明不满足时的行为。除所列规则与代码示例外,未提供其他功能。

许可证:MIT。维护者 Jasim K,版本 1.0.0。