Vue中ref的用法及演示

目录

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

• 如果是在普通的dom元素上使用，引用指向的就是dom元素；
• 如果用在子组件上，引用指向的就是组件实例。

举例：

组件1：

组件2：

App.vue

执行上面的程序，点击页面上的《按钮》，效果如下：

同时看控制台：

可以看到当ref对象用在普通元素上时获取到的是普通DOM元素，当ref用在子组件上时，引用指向组件实例。

根据实际需要，可以通过ref给元素或者子组件注册引用信息，在需要用到的时候我们可以通过$refs获取真实的DOM元素或者组件实例进行我们想要的操作。

到此这篇关于Vue中ref的用法及演示的文章就介绍到这了,更多相关Vue中ref的用法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！