Nuxt.js 和普通 Vue 应用有什么区别？

Nuxt.js 是基于 Vue 的全栈框架，核心区别在于：普通 Vue 是纯客户端渲染 SPA，需要手动配置 Vue Router、Pinia、Vite 等生态；Nuxt 内置了 SSR/SSG/SPA 三种渲染模式、基于 pages/ 目录的文件路由、组件和组合式函数的自动导入、server/api 目录的 BaaS 风格服务端路由，以及 Nitro 服务引擎。普通 Vue 应用首屏为空壳 HTML，SEO 差；Nuxt 默认 SSR 可输出完整 HTML，对 SEO 和首屏性能更友好。

追问

• Nuxt 3 的自动导入是怎么实现的？和手动 import 有什么性能差异？
• 什么场景下应该选 SPA 模式而非 SSR？
• Nuxt 的 server/api 目录和传统后端 API 有什么区别？
• Nuxt 3 为什么用 Nitro 替代了 Nuxt 2 的服务端架构？
• 如果项目从 Vue CLI 迁移到 Nuxt，最大的改造成本在哪？

写段代码

js
// nuxt.config.ts - 三种渲染模式切换
export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true },     // SSG
    '/api/**': { cors: true },    // 服务端路由
    '/dashboard': { ssr: false }  // SPA
  }
})