技术栈
nuxt3
Bug从此不上门
15 天前
前端
·
javascript
·
性能优化
·
vue
·
fetch
·
nuxt3
Nuxt3之使用lighthouse性能测试及性能优化实操
Lighthouse 是一个开源的自动化工具,用于提高网页的质量。可以通过浏览器的开发者工具运行,也可以作为命令行工具或 Node.js 模块集成到持续集成系统中。Lighthouse 可以帮助开发者:
Bessie234
16 天前
pdf
·
vue3
·
nuxt3
实现 Nuxt3 预览PDF文件
待优化的问题:
Bessie234
24 天前
javascript
·
excel
·
vue3
·
nuxt3
实现Vue3/Nuxt3 预览excel文件
如果excel文件是后台返回的一个链接,需要重新请求解析成ArrayBuffer, 以下是nuxt3 示例:
Amd794
2 个月前
模块
·
nuxt
·
兼容性
·
版本
·
nuxt3
·
nuxt2
·
检查
使用 Nuxt Kit 检查模块与 Nuxt 版本兼容性
title: 使用 Nuxt Kit 检查模块与 Nuxt 版本兼容性 date: 2024/9/13 updated: 2024/9/13 author: cmdragon
Amd794
3 个月前
状态管理
·
nuxt3
·
强制刷新
·
组件交互
·
缓存控制
·
路径导航
·
页面重载
使用 reloadNuxtApp 强制刷新 Nuxt 应用
title: 使用 reloadNuxtApp 强制刷新 Nuxt 应用 date: 2024/8/22 updated: 2024/8/22 author: cmdragon
Amd794
3 个月前
nuxt3
·
usefetch
·
手动刷新
·
useasyncdata
·
缓存失效
·
页面更新
·
数据刷新
使用 refreshNuxtData 刷新 Nuxt应用 中的数据
title: 使用 refreshNuxtData 刷新 Nuxt应用 中的数据 date: 2024/8/21 updated: 2024/8/21 author: cmdragon
朝阳39
3 个月前
nuxt3
Nuxt3【组件】2024最新版(含异步组件、动态组件、客户端组件、内置组件、添加组件库等)
Nuxt 中有一些特殊的组件用法加 Lazy 前缀即可方式一:使用 Vue 提供的 resolveComponent 函数
Amd794
3 个月前
web
·
开发
·
组件
·
性能
·
nuxt3
·
预加载
·
vuejs
使用 preloadComponents 进行组件预加载
title: 使用 preloadComponents 进行组件预加载 date: 2024/8/18 updated: 2024/8/18 author: cmdragon
Amd794
3 个月前
服务器渲染
·
nuxt3
·
预渲染
·
静态生成
·
实验功能
·
路由规则
·
混合渲染
使用 Nuxt 3 的 defineRouteRules 进行页面级别的混合渲染
title: 使用 Nuxt 3 的 defineRouteRules 进行页面级别的混合渲染 date: 2024/8/12 updated: 2024/8/12 author: cmdragon
Amd794
3 个月前
中间件
·
路由
·
布局
·
nuxt3
·
过渡效果
·
definepagemeta
·
页面元数据
掌握 Nuxt 3 的页面元数据:使用 definePageMeta 进行自定义配置
title: 掌握 Nuxt 3 的页面元数据:使用 definePageMeta 进行自定义配置 date: 2024/8/11 updated: 2024/8/11 author: cmdragon
Amd794
3 个月前
中间件
·
认证
·
路由
·
重定向
·
nuxt3
·
错误处理
·
定制逻辑
使用 defineNuxtRouteMiddleware 创建路由中间件
title: 使用 defineNuxtRouteMiddleware 创建路由中间件 date: 2024/8/10 updated: 2024/8/10 author: cmdragon
Amd794
4 个月前
vue
·
自定义
·
组件
·
异步
·
数据
·
头部
·
nuxt3
使用 defineNuxtComponent`定义 Vue 组件
title: 使用 defineNuxtComponent`定义 Vue 组件 date: 2024/8/9 updated: 2024/8/9 author: cmdragon
奶昔不会射手
4 个月前
前端
·
vite
·
nuxt3
nuxt3学习
如果安装失败,将以下内容添加到 package.json中nuxt3使用的是约定式路由,只需要在根目录的pages页面中创建文件就行了,/路径对应的是index.vue文件,比如localhost:3000就会访问pages/index.vue文件,localhost:3000/login就会访问pages/login.vue,localhost:3000/users/test就会访问pages/users/test.vue这样就实现了嵌套路由.
化作繁星
4 个月前
vue
·
nuxt3
·
usefetch
nuxt3实战:完整的 nuxt3 + vue3 项目创建与useFetch请求封装
手动安装:浏览器访问报错https请求地址:点击tar(项目初始文件的下载地址)对应地址,下载starter-3.tar.gz 包到本地
Amd794
4 个月前
中间件
·
路由
·
重定向
·
权限
·
导航
·
nuxt3
·
动态
使用 addRouteMiddleware 动态添加中间
title: 使用 addRouteMiddleware 动态添加中间 date: 2024/8/4 updated: 2024/8/4 author: cmdragon
Amd794
4 个月前
中间件
·
路由
·
错误
·
重定向
·
权限
·
导航
·
nuxt3
使用 abortNavigation 阻止导航
title: 使用 abortNavigation 阻止导航 date: 2024/8/3 updated: 2024/8/3 author: cmdragon
Amd794
4 个月前
http
·
缓存
·
vue
·
api
·
ssr
·
nuxt3
·
$fetch
使用 $fetch 进行 HTTP 请求
title: 使用 $fetch 进行 HTTP 请求 date: 2024/8/2 updated: 2024/8/2 author: cmdragon
Amd794
4 个月前
组件
·
状态管理
·
ssr
·
响应式
·
nuxt3
·
usestate
·
共享状态
使用 useState 管理响应式状态
title: 使用 useState 管理响应式状态 date: 2024/8/1 updated: 2024/8/1 author: cmdragon
Amd794
4 个月前
服务器渲染
·
nuxt3
·
seo优化
·
元标签设置
·
twitter卡
·
opengraph
·
网站性能
使用 `useServerSeoMeta` 优化您的网站 SEO
title: 使用 useServerSeoMeta 优化您的网站 SEO date: 2024/7/31 updated: 2024/7/31 author: cmdragon
Amd794
4 个月前
web开发
·
nuxt3
·
前端技术
·
seo优化
·
动态配置
·
元标签
·
代码示例
使用 useSeoMeta 进行 SEO 配置
title: 使用 useSeoMeta 进行 SEO 配置 date: 2024/7/30 updated: 2024/7/30 author: cmdragon