Nuxt 基本介绍

Nuxt 是一个基于 Vue 的服务端渲染（SSR）和静态站点生成（SSG）的框架，旨再简化Vue应用开发的过程，同时提高性能和开发效率。它以 配置即开发 （约定式）为理念，提供开箱即用的功能

SSR 特点

• 更快的初始页面加载时间： Nuxt 将完全渲染后的 HTML 页面发送到浏览器，可立即显示。这可以提供更快的感知加载速度和更好的用户体验 (UX)，特别是在网络较慢或设备性能较弱的情况下。
• 改进的 SEO： 搜索引擎可以更好地索引 SSR 页面，因为 HTML 内容是即时可用的，而无需依赖客户端 JavaScript 来渲染内容。
• 在低性能设备上表现更好： 它减少了需要在客户端下载和执行的 JavaScript 数量，这对可能难以处理大型 JavaScript 应用的低性能设备非常有益。
• 更好的可访问性： 内容在初始页面加载时即可立即获取，从而改善了依赖屏幕阅读器或其他辅助技术用户的可访问性。
• 更易于缓存： 页面可以在服务器端进行缓存，通过减少生成和发送内容给客户端所需的时间，进一步提高性能。

总而言之，服务器端渲染可以提供更快、更高效的用户体验，同时还能提升搜索引擎优化 (SEO) 和可访问性。

Nuxt 特点

• 基于文件路由：根据 app/pages 目录下的组件自动生成路由。
• 代码分割： Nuxt 会自动将您的代码分割成更小的块，这有助于减少应用程序的初始加载时间。
• 开箱即用的服务端渲染（SSR）: 不必在做繁琐的配置
• 自动导入：会将一些目录下的组件（如：components）自动导入到页面组件
• 数据获取工具：内置了很多组件、组合式函数以及工具函数
• 零配置的TypeScript支持
• 配置好的构建工具：默认使用 Vite

Nuxt 目录

• .nuxt：开发阶段 Nuxt 生成的临时目录。由 Nuxt 自动创建和管理，里面会存放和框架运行相关的代码和文件
• .output：构建生产环境项目时产生，打包后的内容会存放在此目录
• nuxt.config.ts：Nuxt 配置文件
• app.vue：入口文件