请问3个vuejs里面的$refs有什么区别？

Question

第三个是我自己写的。前2个是模板里面的。
请问第三个为什么和前2个长相不同？也无法调用
如图：

Answer 1

前两个是 Vue 组件，后一个是 HTML DOM 元素。

Answer 2

前两个是vueComponent实例,后面是你的DOM对象

Answer 3

因为你在普通dom元素上设置了ref
传送门：https://www.cnblogs.com/vae860514/p/11008330.html

Answer 4

ref如果写在组件上的话，你访问它就会得到一个组件实例，就是你贴出来的代码的前两个。
如果ref是在普通dom元素上，那么你访问它就会得到这个dom元素的节点信息，就是第三个。