请问3个vuejs里面的$refs有什么区别？_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

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

###

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

###

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

###

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

###

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