vue3.0 ref有啥用（[Vue3] 组件上的ref不能与组件名相同）

情景

关键

组件没有正确引入 函数无限递归

解决

如果在网上搜索[Vue warn]: Component is missing template or render function. 或[Vue warn]: Invalid vnode type when creating vnode: null. .

可能会找到关于组件没有正确引入的解决方法    
    
    
，主要是：

引入组件的时候  


     


     


    ，组件的路径结尾的.vue不要省略    
    
    
。 引入组件的时候


 




 




 


，要使用规范的驼峰命名法  


     


     


    。

我使用的是vite   

   

   

，似乎会自动引入组件   

     

     

   ，即不需要写import ComponentName from @/components/...;

我检查之后



  




  




  

，发现是：

我为了获取组件的DOM节点  


  


  


，使用了ref    
     
     
  ，但是组件上的ref和组件名重复了：

<MyComponent ref="myComponent"/>

这样似乎是会影响到vue的组件管理




   




   




   
，于是导致了错误


 




 




 


。

我将ref改为myComponentRef之后就可以正常运行了   

   

   

。