共 9 道 Nuxt.js 方向的面试题,每题附完整答案与代码示例。点击右侧方框可标记掌握度。
Nuxt 3 基本结构 自动路由 数据获取 渲染模式 Vue SSR 原理 Hydration Nuxt vs Next 对比 特性 Nuxt 3 Next 13+ ------ -------- -…
Nuxt3 核心特性 : - 约定式路由 :pages/ 目录自动生成路由,无需手写配置 - 自动导入(auto-imports) :composables/、utils/、Vue/API 自动可用,…
Nuxt 会在编译时扫描特定目录, 自动把导出注册为全局可用 ,无需手写 import: - composables/ 下的 useXxx 函数:自动导入 - utils/ 下的工具函数:自动导入 -…
pages/ 目录下的文件结构 自动映射为路由 (与 Next 类似): - 动态参数用方括号 [id].vue,页面里通过 route.params.id 获取 - layouts/ 提供布局,页面…
server/ 目录基于 Nitro 引擎,可写服务端路由、API、中间件,编译后能在 Node/Serverless/Edge 跑: 能力 : - server/api/ :自动暴露为 /api/ …
- useAsyncData :通用异步数据获取,传入一个 返回 Promise 的函数 (适合调用自己的 $fetch 或第三方 SDK) - useFetch :useAsyncData 的语法糖…
Nuxt 默认 通用渲染(Universal,即 SSR) ,可一行切换为纯静态: - ssr: true:服务端渲染首屏 + 客户端注水(默认) - ssr: false:纯 SPA,无服务端渲染 …
Nuxt 模块是 可插拔的功能扩展 ,在构建时向项目注入插件、组件、composables、配置。 常用 :@nuxtjs/tailwindcss、@pinia/nuxt(状态管理)、@nuxt/co…
nuxi build 后,Nitro 会把服务端打包成 自包含产物 ,可部署到几乎所有平台: - Node 服务 :node .output/server/index.mjs - Serverless…