Vue中ref和$refs如何正确使用，实现组件间的数据和方法调用？

本文共计538个文字，预计阅读时间需要3分钟。

前言：在JavaScript中，需要通过document.querySelector()获取页面元素，以下是一个简单的示例。

前言

在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。

ref介绍

ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs对象上。