Vue 標籤中的ref屬性和refs

安全劍客發表於2020-11-02
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

原文地址:

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31559985/viewspace-2731494/,如需轉載,請註明出處,否則將追究法律責任。

相關文章