随笔分类 -  Nuxt3

Nuxt3-自定义路由配置以及使用自定义布局layout
摘要：一、不自定义路由下，如何使用自定义布局 1、根目录下 app.vue <template> <div> <NuxtLayout> <NuxtPage /> </NuxtLayout> </div> </template> 2、layout 文件夹下新建文件 main.vue <template> < 阅读全文
posted @ 2024-04-03 13:46 忙着可爱呀~ 阅读(2809) 评论(0) 推荐(0)
Nuxt3-环境变量配置
摘要：Nuxt3 环境变量 1、创建 .env 文件 // .env.development 本地环境 NUXT_NODE_ENV = development NUXT_BASE_URL = http://yfnimg.bestsmell.cn:10011 // .env.test 预发环境 NUXT_N 阅读全文
posted @ 2024-03-07 10:51 忙着可爱呀~ 阅读(2154) 评论(0) 推荐(0)
Nuxt3-tailwindcss使用
摘要：Nuxt3使用 tailwindcss 文档：https://www.tailwindcss.cn/docs/installation 安装文档：https://tailwindcss.nuxtjs.org/getting-started/installation 1、安装 @nuxtjs/tail 阅读全文
posted @ 2024-03-06 13:39 忙着可爱呀~ 阅读(729) 评论(0) 推荐(0)
Nuxt3-pinia环境下实现数据持久化
摘要：Nuxt3-pinia环境下实现数据持久化 1、安装 yarn add pinia @pinia/nuxt 然后进行配置，修改nuxt.config.ts export default defineNuxtConfig({ devtools: { enabled: false }, typescri 阅读全文
posted @ 2024-03-05 18:09 忙着可爱呀~ 阅读(1752) 评论(0) 推荐(1)
Nuxt3 -layout 使用
摘要：Nuxt3 -layout 使用 更多方式查看官网：https://57code.gitee.io/nuxt3-docs-zh/directory-structure/layouts.html 注：default 布局组件 在页面中会自动引入，不用再次手动引入；此处是作为示例，非 default 名 阅读全文
posted @ 2024-03-05 15:34 忙着可爱呀~ 阅读(366) 评论(0) 推荐(0)
Nuxt3 - 项目安装
摘要：方法1：npx 安装，需要node 版本 >= 18 npx nuxi init 项目名称注：因为地区的原因，该方法需要 当前 Ip 支持访问 raw.githubusercontent.com不支持下的解决：更改host配置：示例 在host最后一行加上 185.199.109.133 raw.g 阅读全文
posted @ 2024-03-05 15:26 忙着可爱呀~ 阅读(347) 评论(0) 推荐(0)