避免滥用模板引用

标签下的所有文章 1 篇文章
返回所有标签

Vue 3模板引用的正确使用场景与边界在哪里?

Vue模板引用通过ref获取DOM元素或子组件实例,3.5+用useTemplateRef,旧版需手动声明ref变量。用途包括程序化聚焦、初始化第三方库、读取DOM尺寸等。核心原则:优先用Props/Emit通信,避免过度依赖;子组件用defineExpose暴露,v-for中ref生成数组,需在挂载后访问以避免null错误。