SuperAPI AI 工具集

nuxt-pages

前端与建站

查看项目

更新于 10-15 23:58

技能介绍

Nuxt Pages 是 Nuxt 项目中的文件路由与页面编写技能,围绕基于文件系统的路由,提供列表页、详情页、导航等常见页面模式。

用途:在创建页面、定义页面元信息(权限、布局)、实现列表与详情视图和导航时使用。

主要能力:核心文档为 pages.md,涵盖页面模式、meta、布局与导航;目录结构按文件路由组织,如 pages/index.vue(仪表盘/重定向)、pages/profile.vue(用户资料)、pages/auth/login.vue(登录页)、pages/posts/index.vue(列表视图)与 pages/posts/[ulid].vue(详情视图)等。

使用方式:列表页用 definePageMeta 声明权限(如 permissions: ListPosts),配合 useAppHeader 设置标题与图标,使用 useReactiveFilters 管理筛选条件,通过查询工厂(getPostsQueryFactory)获取数据与分页,模板中用表格与分页组件渲染。详情页同样用 definePageMeta 声明权限,通过 useRoute 读取路由参数(如 ulid),再以查询工厂获取单条数据并渲染。

限制:资料未提供安装步骤、依赖版本、完整 API 说明及收费信息,具体细节暂未提供。