vue 中的ref

• 開發過程中遇到的問題
• 知識點的查漏補缺
• vm.$refs
• ref

開發過程中遇到的問題

在實際的操作過程中發現在created生命週期中列印refs，結果為空物件

created:{
	console.log(this.$refs);// {}
}

知識點的查漏補缺

vm.$refs

型別： Object
只讀
一個物件，持有已註冊過ref的所有子元件

ref

ref被用來給元素或子元件註冊引用資訊。引用資訊將會被註冊到父元件的$refs物件中。
如果在普通的DOM元素上，引用指向的就是DOM元素；如果用在子元件上，引用指向的就是元件例項

//在p節點上
<p ref="p"></p>

//$refs在例項上
<child-comp ref="child"></child-comp>

1. ** ref只是作為渲染結果被建立，在初次渲染的時候你不能訪問，因為他們還不存在！也就是在created生命週期的時候還沒存在，所以無法訪問到。$refs 只有在元件渲染完成時候才會填充**

2. $refs也不是響應式的，因此你也不應該試圖用它在模板中坐資料繫結。應當避免在模板或計算屬性中使用 $refs

3. 當ref和v-for使用的時候，獲取的引用是一個數組，包含和迴圈資料來源對應的子元件例項。
   

   
   
   參考： vue中的 ref 和 $refs