生命周期

Vue模板引用通过ref标记DOM/子组件实例。正确访问时机为组件挂载后（如onMounted钩子），动态更新或v-if时需用watchEffect监听并做null检查。常见陷阱：未挂载时访问（导致null）、Vue<3.5时v-for需函数ref收集、子组件权限，解决方法对应钩子调用、手动收集、defineExpose暴露。

Vue3动态样式开发通过响应式数据（ref/reactive）、watch（监听滚动/输入等变化）、computed（计算复合样式并缓存）及生命周期（onMounted初始化、onUnmounted清理）实现。ref管理简单样式，reactive封装复杂对象，watch触发样式动态调整，computed高效计算多数据依赖样式，生命周期确保DOM操作安全和资源 …

schema:written 钩子是 Vite 提供的一种生命周期钩子，在模式写入完成后调用。通过这个钩子，开发者可以在配置被正式应用之后执行一些后续操作，比如记录日志、初始化服务或调整系统状态。本文将深入探讨该钩子的用法及多种应用场景。

nitro:build:public-assets 是 Nuxt 3 中的一个生命周期钩子，在复制公共资产之后调用。该钩子使开发者能够在构建 Nitro 服务器之前，对公共资产进行修改或处理，比如添加、删除或修改文件。

nitro:build:before 是 Nuxt 3 中的一个生命周期钩子，专门用于在构建 Nitro 实例之前调用。这个钩子允许开发者在 Nitro 实例构建之前执行特定的操作，从而对构建过程进行定制和优化。

nitro:init 是 Nuxt 3 中的一个生命周期钩子，在 Nitro 初始化完成后被调用。这个钩子允许开发者注册 Nitro 钩子，并直接与 Nitro 进行交互。这种灵活性使得开发者能够增强和自定义 Nitro 的行为，以适应特定的需求。