vue refs 指向了dom 元素 不是组件实例

Vue中的refs是一种引用指向DOM元素或组件实例的方法。但是，它们指向的是DOM元素，而不是组件实例。这意味着如果你使用refs来引用组件实例，那么你将得到与组件实例不同的东西。

当你使用refs来引用一个DOM元素时，你可以在Vue的生命周期钩子函数中访问该元素，而不需要使用querySelector之类的DOM API。然而，当你想引用指向组件实例时，你需要使用this.$refs来访问该实例。这样做通常是因为你想访问该组件的一些属性或方法。

需要注意的是，当你在Vue中使用refs时，你应该尽可能地少用它们。这是因为refs会将你的代码与Vue的响应式系统解耦，并可能导致混乱和不必要的重复逻辑。因此，你应该首先考虑将状态和行为抽象成组件，并在需要时使用属性和事件来通信。只有在必要和适当的情况下，才使用refs。