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

Question

我试图找到一个比较或原因来解释为什么 Vue 有 refs 来控制一个元素，而不是使用经典的 css id 来控制一些元素，比如div，有人可以解释一下区别吗？ 引用有性能优势吗？

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

更新：

我不是在询问基于意见的答案或只是样式，我正在寻找有关两种方法之间性能差异的任何线索

Answer 1

我看到的ref的好处：

• 语法是 Vue 友好的this.$refs.hello

• 它们可用于引用组件<HelloWorld ref="hello" />，这些组件可以在父级中用于运行一些子组件逻辑

• ref可以在循环中使用v-for以返回元素数组

当用于带有v-for的元素/组件时，注册的引用将是一个包含DOM节点或组件实例的数组

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