随笔分类 - 水车--Nuxt3
Nuxt3
摘要：前言 nuxt3 中获取后端数据总共有三个方法： useFetch() $fetch() useAsynData() 本篇教程就针对这三个方法的使用注意事项做一个记录 正文 通过useFetch()方法请求这个动作，在首次加载时，只在服务端执行一次，客户端是不执行得，客户端是直接使用拿到的数据地；
阅读全文
摘要：前言 为了保证项目呈现的一致性，web往往需要添加一个字体文件到项目中。这里推荐直接实现 @nuxtjs/google-fonts google 字体 官网 正文 安装配置依赖 安装依赖 yarn add -D @nuxtjs/google-fonts 配置依赖 // nuxt.config.ts
阅读全文
摘要：前言 Nuxt Image附带了一个预配置的unjs/ipx实例。一个基于lovell/sharp的开源自托管图像优化器。 IPX是Nuxt Image的内置和自托管图像优化器。但是我在使用时却报了500的错误，下面分享一下解决问题的过程 正文 安装配置依赖 # 安装依赖 yarn add @nux
阅读全文
摘要：前言 AutoAnimate是一个零配置，插入式动画实用程序，可以为您的Web应用程序添加平滑过渡。您可以将其与React，Solid，Vue，Svelte或任何其他JavaScript应用程序一起使用。 正文 安装依赖 # yarn yarn add @formkit/auto-animate #
阅读全文
摘要：前言 layouts是Nuxt 提供了一个布局框架，用于将常见的 UI 模式提取为可重用的布局。本篇教程主要讲解一下layouts的一些基本概念 正文 layouts 是一个约定的文件夹名称，必须叫这个名称才能起作用 layouts文件夹中如果创建了 default.vue 这个文件, 则会给路由中
阅读全文
摘要：安装依赖 yarn add -D sass 配置 如果你有公共的scss文件，则需要在nuxt的配置文件中添加scss： // nuxt.config.ts export default defineNuxtConfig({ // more css: [ // SCSS file in the pr
阅读全文
