Javascript VueJS：使用vue refs而不是css id来控制div元素有什么性能优势吗

我试图找到一个比较或者一个原因来解释为什么Vue使用refs来控制一个元素，而不是使用经典的css ID来控制一些元素，比如div，有人能解释一下这种区别吗？裁判有没有表现优势

<div ref="hello">
</div>

<div id="hello">
</div>

更新：

---

我不是在问基于意见的答案，也不是在问风格，我是在寻找关于这两种方法之间性能差异的任何线索，我看到了

ref

的好处：

• 语法对Vue友好

  this.$refs.hello

• 它们可用于引用组件
  ，该组件可在父级中用于运行某些子组件逻辑

• ref

  可以在

  v-for

  循环中使用，以返回元素数组

当在具有

v-for

的元素/组件上使用时，注册的引用将是包含DOM节点或组件实例的数组

• 它们不会暴露在Vue应用程序上下文之外