DOM操作

Vue模板引用（Template Refs）通过ref属性实现，用于直接访问DOM元素或子组件实例。Vue3.5+推荐useTemplateRef，旧版用ref变量；支持v-for数组引用、函数绑定及子组件引用（子组件需defineExpose暴露）。适用于自动聚焦、第三方库初始化等场景，需注意挂载后访问及子组件暴露要求。

Vue中的模板引用（Template Refs）用于在声明式编程中直接操作DOM或访问子组件实例。通过ref属性标记元素或组件，并在setup中使用同名响应式变量访问。子组件需通过defineExpose暴露内部方法或属性供父组件调用。操作DOM时，应在onMounted或nextTick中确保DOM已渲染。常见应用包括自动聚焦输入框、集成第三方库和动态获取 …

app:mounted 钩子在 Vue 应用的生命周期中扮演着重要角色，提供了在组件被挂载后的执行时机。通过合理利用这个钩子，我们能够提高组件的交互性、用户体验以及性能优化。确保在其内部代码的健壮性和清理机制，将为你的 Vue 应用带来显著的提升。