Swiper7使用的默认容器是.swiper，Swiper6以下使用的是.swiper-container。再引入swiper时，尝试了npm 包： swiper、vue-awesome-swiper等，尝试在nuxt3里增加plugin的方式引入，都没有成功，个人感觉应该是可以的，可能是我没有尝试对，最后使用了在nuxt.config.ts中引入的方法。nuxt3：swiper实现轮播效果_nuxt 使用swiper_snow@li的博客-CSDN博客。Swiper使用方法 - Swiper中文网。

这个版本默认是不能使用scss的，我们只需要安装sass包即可在项目中直接使用scss了，什么都不用配置。

在nuxt.config.ts中添加以下一行即可。

Nuxt3不再集成Vuex。但是Vue的官方建议是使用pinia，通过包导入到项目中。如果是大型项目中，建议使用pinia, 如果只是简单的存储信息，Nuxt3自带的useState足矣。首先我们需要在项目的根目录新建composables文件夹，然后创建状态管理文件如state.ts。

删除cookie时，只需赋值为undefined或null即可。

nuxtApp是一个运行时的上下文， 可以通过插件（plugins）来扩展它。使用provide方法就可以创建nuxt 插件，指定name，就可以在所有的组合式API和组件中通过name来调用value指定对象。

Nuxt提供了和等组件让你在组件中方便的设置和更改你项目中的metadata。由于这些组件名与原生的HTML中的一些元素一样，所以你在template中使用时，一定要注意大写。和可以内部包含元标签(meta tags)。但对最终渲染成的HTML中的嵌套元标签没有什么影响。网页标题

Nuxt提供了一个运行时配置API，在你的应用程序和服务器路由中暴露配置，并能在运行时通过设置环境变量进行更新。

nuxt3中有三种路由中间件1、匿名(或者叫内联)的中间件：在pages目录下的以文件名自动生成对应路由的功能，就是nuxt3框架内部自动生成一些中间件来实现这一机制的。如我在index页下面添加了这行代码，我的首页被直接重定向到了test页2、命名的路由中间件：放在项目的middleware目录下。此目录下的命名路由如果在page中使用，那nuxt3框架会自动加载此路由中间件。

删：/server/api/user/[id].delete.ts。增：/server/api/user.post.ts。改：/server/api/user.put.ts。查：/server/api/user.ts。前缀的服务器路由，可以把它们放到。里面的文件会自动在路由中加上。

Nuxt3中composables

nuxt.config.ts文件中引入模块。

在根目录下创建layouts（文件名必须是layouts）文件夹，在layouts文件夹下新建defult.vue文件（默认自定义布局页的模板）。default文件里要写一个,插槽就是用来放自定义的组件的。

给app.vue中 添加标签（相当于vue2中router-view标签）,再在根目录新建 pages 文件夹，添加 index.vue文件，这样当访问localhost:3000/ 时，就不会去访问app.vue，而是 pages/index.vue 页面了。（经测试，此时就算把app.vue删掉，项目依然是可以运行的）

nuxt3中文文档：SEO 和 Meta · 开始使用Nuxt3 Nuxt中文站改进您的Nuxt应用程序的SEO与强大的头部配置，组合和组件。如果发现以下无法下载的情况可以通过手动指定结点ip， 方式如下：访问：raw.githubusercontent.com_在线ping_多地ping_多线路ping_持续ping_网络延迟测试_服务器延迟测试修改后，就可以安装nuxt了运行成功。

Nuxt.js 是一个基于 Vue.js 的轻量级应用框架，可用来创建服务端渲染 (SSR) 应用，也可充当静态站点引擎生成静态站点应用，具有优雅的代码结构分层和热加载等特性。Nuxt.js - Vue.js 通用应用框架 | Nuxt.js 中文网。