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

Question

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

Answer 1

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