ITPub博客

首页 > 应用开发 > Javascript > Vue 标签中的ref属性和refs

Vue 标签中的ref属性和refs

Javascript 作者:安全剑客 时间:2020-11-02 09:23:21 0 删除 编辑
Vue标签中的ref和refs属性是十分重要的属性,但是很多人对这两个属性却分不清区别,和它们使用的场景。今天就来探讨一下它们的区别。
ref

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件。

我理解的ref也就是相当于是id,一个元素,但是比 js 少了一些获取id的写法,更加的方便,简洁。

Vue 标签中的ref属性和refsVue 标签中的ref属性和refs

Vue 标签中的ref属性和refsVue 标签中的ref属性和refs

refs

refs 直接在实例里面获取 ref 在上面绑定的元素。
Vue 标签中的ref属性和refsVue 标签中的ref属性和refs

原文地址:https://www.linuxprobe.com/vue-ref-refs.html

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/31559985/viewspace-2731494/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-11-01

  • 博文量
    1407
  • 访问量
    1393328