Vue 標籤中的ref屬性和refs
導讀 | Vue標籤中的ref和refs屬性是十分重要的屬性,但是很多人對這兩個屬性卻分不清區別,和它們使用的場景。今天就來探討一下它們的區別。 |
ref
ref 被用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的 $refs 物件上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子元件上,引用就指向元件。
我理解的ref也就是相當於是id,一個元素,但是比 js 少了一些獲取id的寫法,更加的方便,簡潔。
refs
refs 直接在例項裡面獲取 ref 在上面繫結的元素。
原文來自:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2731733/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- vue中的 ref 和 $refsVue
- vue 標籤和屬性中 字串拼接方法Vue字串
- 前端學習-vue影片學習007-標籤的ref屬性前端Vue
- HTML 常用的標籤和屬性HTML
- xss標籤和屬性爆破
- HTML標籤屬性HTML
- ref屬性
- script標籤的defer和async屬性詳解
- C#裡面標籤的屬性和事件C#事件
- input標籤autocomplete 屬性
- <checkBox>標籤的value屬性的作用
- html標籤中的lang屬性有什麼作用?HTML
- Vue — vue中帶有$的屬性和方法Vue
- 全面瞭解Vue3的 ref 和相關函式和計算屬性Vue函式
- vue計算屬性和vue實力的屬性和方法Vue
- HTML 標籤與屬性大小寫HTML
- a標籤的使用,以及一些全域性屬性和連結型別。型別
- quotes屬性與<q>標籤關係
- vue中的computed屬性Vue
- 標籤上title與alt屬性的區別
- 正值表示式匹配html標籤的屬性值HTML
- HTML中你不得不知道的標籤及屬性HTML
- 組合API-ref屬性API
- python爬蟲用bs4獲取標籤中間的文字內容以及標籤裡的屬性Python爬蟲
- 移動端的頭部標籤和meta,[html5]移動端的頭部標籤和meta屬性詳解HTML
- vue中vuex的五個基本屬性和用法Vue
- 課時26.a標籤其它屬性(掌握)
- 內嵌標籤frameset框架屬性及用法框架
- Vue中計算屬性和偵聽器Vue
- ESLint對a標籤href屬性警告解決方法EsLint
- vue例項的屬性和方法Vue
- Vue中的計算屬性和偵聽器比較Vue
- link標籤的屬性media有哪些值?都有什麼作用?
- vue例項中watch屬性的使用Vue
- Vue 學習 Ref shallowRef triggerRef customRef (Ref 和 Reactive的對比)VueReact
- script標籤中的async和defer
- html中的table標籤設定寬(width)高(height)屬性時遇到的小問題HTML
- vue學習筆記(八)---- vue中的例項屬性(wacth和computed的使用)Vue筆記