在vue项目中碰到的ref语法不是很理解

在项目启动的时候没有看到组件饮用，然后在home.vue中看到了这种形式的用法（引入组件后使用ref）
问题一：这样使用不是为了拿到组件里面的方法和数据吗，那首页DOM怎么会被渲染出来呢
问题二：这种方法相比较（<"组件名"/>）这种直接书写的方法有什么区别或者优势吗？
希望可以得到大家的解答，提前谢谢大家啦

没怎么看懂你的意思，大概猜一下，你的疑惑点是组件的加载方法不一样吧，它这个是动态加载组件，这里动态加载了3个，如果改页面首次只要展示2个组件，那么第3个组件就不会被加载出来，减少文件体积。
常用的是静态加载，就是 import xxx from xxx,之后在components里面注册，这里就会把你注册的组件全部渲染出来。
至于它给组件加ref，大概率是想使用组件内部的方法，this.$ref.组件.组件内的方法

问题一：在引用组件时，添加ref属性，可以让你通过this.$refs.自定义名称.子组件方法的方式在父组件中调用子组件的方法
在上面的代码中调用子组件的方式为：this.$refs.vHead.ff()
当首页中引入组件时，当页面识别到不认识的标签，会在组件中查找，并将子组件渲染在组件引用的地方，该过程是vue自动的，我们只需要将组件引入并使用即可
问题二：添加ref是为了调用子组件的方法，如果没有组件间的通信的话，不写ref也可以！

如果以上回答对您有帮助，请帮忙点个赞哦！

ref的用处
1、获取DOM元素
2、获取子组件中的data
3、调用子组件中的方法