2024-08-01 前端开发 nuxt , useState , SSR , 状态管理 , 组件 , 响应式 , 共享状态 6 分钟阅读使用 useState 管理响应式状态摘要:本文详细介绍了在Nuxt3框架中使用useState进行响应式状态管理的方法,包括其基本概念、优势、使用方法、共享状态实现以及性能优化技巧。useState支持服务器端渲染(SSR),可创建响应式状态并在组件间共享,通过具体示例展示了其基本用法、如何在多个组件间共享状态以及使用shallowRef提升性能。阅读更多 cmdragon
2024-07-29 前端开发 nuxt , 运行时配置 , Vue.js , SSR , 环境变量 , .env文件 , useRuntimeConfig 6 分钟阅读Nuxt.js必读:轻松掌握运行时配置与 useRuntimeConfig本文详细介绍了Nuxt.js中的运行时配置功能,包括定义和使用运行时配置的方法,以及如何通过useRuntimeConfig访问配置。同时,讲解了环境变量与.env文件的使用,特别是在不同环境下的配置管理。阅读更多 cmdragon
2024-07-24 前端开发 服务端渲染 , Vue , SSR , 数据获取 , API调用 , 请求头 , useFetch 4 分钟阅读服务端渲染中的数据获取:结合 useRequestHeaders 与 useFetch摘要:本文介绍Vue服务端渲染中使用useRequestHeaders获取请求头部信息,如cookie和authorization,示例展示了如何在SSR环境下结合useFetch进行API调用,注意浏览器环境返回空对象。阅读更多 cmdragon
2024-07-23 前端开发 nuxt , SSR , Hook , 请求 , 事件 , 开发 , 前端 5 分钟阅读使用 useRequestEvent Hook 访问请求事件摘要:本文介绍Nuxt 3中useRequestEventHook的使用,可访问请求路径、方法和头部信息,适用于SSR环境下处理请求逻辑,如中间件、插件及API路由。仅服务器端生效,需注意安全性。阅读更多 cmdragon
2024-07-21 前端开发 nuxt , VueJS , SSR , 插件 , 组件 , 钩子 , 上下文 10 分钟阅读Nuxt 3 使用指南:掌握 useNuxtApp 和运行时上下文摘要:“Nuxt 3 使用指南:掌握 useNuxtApp 和运行时上下文”介绍了Nuxt 3中useNuxtApp的使用,包括访问Vue实例、运行时钩子、配置变量和SSR上下文。文章详细说明了provide和hook函数的应用,以及如何在插件和组件中利用这些功能。同时,探讨了vueApp属性、ssrContext和payload的使用场景,以及 …阅读更多 cmdragon
2024-07-18 前端开发 nuxt , 数据水合 , SSR , 前端 , 开发 , 同步 , 插件 4 分钟阅读Nuxt.js 中使用 useHydration 实现数据水合与同步摘要:介绍Nuxt.js中useHydration函数,用于控制客户端与服务器数据同步,实现数据水合。参数包括key、get和set函数,适用于多种场景,示例展示数据获取与显示流程。阅读更多 cmdragon