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-17 前端开发 安全 , 编程 , Vuejs , HTML , XSS , 前端 , 组件 5 分钟阅读useHeadSafe:安全生成HTML头部元素摘要:“useHeadSafe”是Vue.js组合函数,用于安全生成HTML头部元素,通过限制输入值格式避免XSS等安全风险,提供了安全值白名单确保只有安全属性被添加。阅读更多 cmdragon
2024-07-11 前端开发 Nuxt , 配置 , 管理 , 动态 , 加载 , 环境 , 组件 6 分钟阅读使用 `useAppConfig` :轻松管理应用配置摘要:本文介绍了Nuxt开发中useAppConfig的使用,它便于访问和管理应用配置,支持动态加载资源、环境配置切换、权限管理、主题切换和配置文件集中管理等功能,通过实例展示了如何在Nuxt项目中应用此工具以实现配置灵活性和应用维护性。阅读更多 cmdragon
2024-07-10 前端开发 NuxtJS , 组件 , 图像 , 优化 , 响应 , 预览 , 传送 6 分钟阅读Nuxt框架中内置组件详解及使用指南(五)摘要:本文详细介绍了Nuxt框架中和组件的使用方法与配置,包括安装、基本用法、属性详解、示例代码以及高级功能如事件处理、自定义图片属性和图片格式回退策略。同时,还简述了组件的功能与基本用法,展示了如何将组件内容传送到DOM中的不同位置,特别是对于模态框和侧边栏等UI元素的布局优化。阅读更多 cmdragon
2024-07-09 前端开发 nuxt , 错误处理 , 组件 , 静态内容 , 前端 , Vue , 实验特性 8 分钟阅读Nuxt框架中内置组件详解及使用指南(四)摘要:本文详细介绍了Nuxt 3框架中的两个内置组件:和的使用方法与示例。用于捕获并处理客户端错误,提供了错误处理和自定义错误展示的功能;而是一个实验性组件,用于渲染无客户端JavaScript的静态内容,以优化页面加载速度。文章包含组件的基本用法、配置步骤以及完整实例代码,有助于开发者高效利用这些组件提升Nuxt应用的性能与用户体验。阅读更多 cmdragon
2024-07-08 前端开发 nuxt , 组件 , NuxtLink , 导航 , 链接 , 加载 , 自定义 8 分钟阅读Nuxt框架中内置组件详解及使用指南(三)摘要:“Nuxt 3框架中与组件的深度使用教程,包括如何使用这两个组件进行页面导航和加载指示的自定义配置与实战示例。”阅读更多 cmdragon