2026-02-15 vue 基础入门 , 组合式API , 组件复用逻辑 , 响应式编程 , useFetch , 最佳实践 , 复用方案对比 20 分钟阅读Vue3中Composable如何解决组件复用中的重复代码问题?Vue2 Mixins存在属性来源不清等缺陷,Vue3组合式API的Composable通过封装有状态逻辑函数解决复用问题。如useMouse追踪鼠标位置、useFetch处理异步数据,遵循命名、参数处理、返回值设计等最佳实践,通过解构使用,避免代码冗余,提升维护性,优于Mixins。阅读更多 cmdragon
2024-08-21 前端开发 nuxt , 数据刷新 , 页面更新 , 缓存失效 , useAsyncData , useFetch , 手动刷新 5 分钟阅读使用 refreshNuxtData 刷新 Nuxt应用 中的数据refreshNuxtData 是 Nuxt 3 中一个非常有用的函数,能够帮助你在数据更新后及时刷新页面。通过了解如何刷新所有数据和刷新特定数据,你可以更灵活地控制数据更新的时机和方式。阅读更多 cmdragon
2024-07-24 前端开发 服务端渲染 , Vue , SSR , 数据获取 , API调用 , 请求头 , useFetch 4 分钟阅读服务端渲染中的数据获取:结合 useRequestHeaders 与 useFetch摘要:本文介绍Vue服务端渲染中使用useRequestHeaders获取请求头部信息,如cookie和authorization,示例展示了如何在SSR环境下结合useFetch进行API调用,注意浏览器环境返回空对象。阅读更多 cmdragon
2024-07-15 前端开发 nuxt , useFetch , API , 数据 , 异步 , Vue.js , SSR 10 分钟阅读探索Nuxt.js的useFetch:高效数据获取与处理指南摘要:“探索Nuxt.js的useFetch:高效数据获取与处理指南”详述了Nuxt.js中useFetch函数的使用,包括基本用法、动态参数获取、拦截器使用,及参数详解。文章通过示例展示了如何从API获取数据,处理动态参数,自定义请求和响应,以及useFetch和useAsyncData的参数选项,帮助开发者掌握异步数据加载技巧。阅读更多 cmdragon