假设同一个key，在同一个页面中，只有引入的顺序有关，以第一个引入的将作为结果进行返回。key 值，尽量唯一。我 Nuxt3-学习之路 14， 状态共享-useState 引言 本系列会以我的一个理解

上篇文章写完了后端接口的开发，本篇就开始写Nuxt3前端的开发了。涉及到nuxt3网络获取、flex布局以及根据索引展示json数据。

nuxtjs本质上是基于 nodejs 服务上的一个前端开发框架，最终是通过 nodejs 来部署并做服务端渲染。虽说是服务端渲染项目，实际上关注的重点还是应用层的ui渲染。

前言 最近项目里面又用到了轮播，之前用swiper也写过，所以毫不犹豫又下了swiper包，本以为三下五除二就能搞定了，结果最新版本的swiper@9.0.3是让我踩了一个又一个的坑啊！避坑指南来了，

开发背景    熟悉我的朋友都知道我在开发自己的 个人网站 ，后端使用的是 NestJS + MySQL ，前端使用的是 NuxtJS + AntDesignVue ，目前前端使用的是Vue3的Com

接口调用对前端来说是很高频的操作，良好的接口封装可以简化接口调用的代码，还可以使业务代码更简单、更容易维护。本文主要讨论对useFetch、$fetch的封装。

Nuxt3提供了4种方式使得我们可以异步获取数据 useAsyncData useLazyAsyncData （useAsyncData+lazy:true） useFetch useLazyFetc

起因 很早前我就有过搭建个人博客的想法，但是我希望使用纯前端实现，这样就不需要付出额外的后端维护成本，维护成本又低，而且更加安全。网上也有很多博客框架但是也不符合我的需求，所以我使用了nuxt3 +

在很多网站中，用移动端浏览器和 PC 端浏览器访问同一个路由时，展示的页面是不一样的。这篇文章实现了在 Nuxt3 中，根据设备类型的不同，使用 pages 目录下不同的文件夹作为路由的 “根目录”。