使用 preloadComponents 进行组件预加载2024-08-18 前端开发 Nuxt3 , 组件 , 预加载 , 性能 , Vuejs , Web , 开发摘要:本文介绍Nuxt 3中的preloadComponents功能,用于预加载全局注册的组件以减少首次渲染阻塞时间,通过实例演示如何设置并使用该工具来提升页面性能。阅读更多
Nuxt 3 使用指南:掌握 useNuxtApp 和运行时上下文2024-07-21 前端开发 Nuxt3 , VueJS , SSR , 插件 , 组件 , 钩子 , 上下文摘要:“Nuxt 3 使用指南:掌握 useNuxtApp 和运行时上下文”介绍了Nuxt 3中useNuxtApp的使用,包括访问Vue实例、运行时钩子、配置变量和SSR上下文。文章详细说明了provide和hook函数的应用,以及如何在插件和组件中利用这些功能。同时,探讨了vueApp属性、ssrContext和payload的使用场景,以及isHydrating和runWithContext …阅读更多
useHeadSafe:安全生成HTML头部元素2024-07-17 前端开发 安全 , 编程 , Vuejs , HTML , XSS , 前端 , 组件摘要:“useHeadSafe”是Vue.js组合函数,用于安全生成HTML头部元素,通过限制输入值格式避免XSS等安全风险,提供了安全值白名单确保只有安全属性被添加。阅读更多
Vue.js条件渲染与列表渲染指南2024-05-26 前端开发 VueJS , 前端开发 , 数据绑定 , 列表渲染 , 状态管理 , 路由配置 , 性能优化第1章:Vue.js基础与环境设置1.1 Vue.js简介Vue.js (读音:/vjuː/,类似于 “view”) 是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同的是,Vue.js 被设计为可以自底向上逐层应用。这意味着,你可以在一个大型的单页应用中或者可复用的组件库中使用 Vue,同时也可以将 Vue 用于简单的页面级别的交互。阅读更多