在 Vue 中获取 DOM 元素，最推荐且最常用的方法是使用 属性。 虽然 Vue 是声明式的（数据驱动视图），但在某些场景下（如集成第三方库、管理焦点、Canvas 绘图等），我们确实需要直接操作 DOM。 以下是针对 Vue 3 和 Vue 2 的具体实现方式： --- 1. Vue 3 ( 组合式 API) 在 Vue 3 中，获取 DOM 需要声明一个与模板中 属性同名的响应式变量。 步骤： 1. 在模板元素上添加 。 2. 在脚本中创建一个同名的 变量，初始值为 。 3. 在 生命周期钩子中访问（必须等待组件挂载完成，DOM 才存在）。 --- 2. Vue 2 (选项式 API) 在 Vue 2 中，所有的 ref 都会被注册到 对象上。 步骤： 1. 在模板元素上添加 。 2. 在 钩子或方法中通过 访问。 --- 3. 特殊情况与注意事项 A. 在 循环中使用 ref Vue 2: 会自动变成一个数组，包含循环出来的所有元素。 Vue 3: 需要绑定一个函数来收集元素，或者使用数组类型的 ref。 B. 获取组件实例 vs 获取 DOM 如果 绑定的是一个子组件（...
播面