從新認識vue之 ref

ref

ref 被用來給元素或子組件註冊引用信息。引用信息將會註冊在父組件的 $refs 對象上。此時對 ref 的認識在於，元素屬性寫了 refs， 則能夠經過 this.$refs 訪問到該元素。其實ref 用在不一樣位置，訪問到的東西是不同的。

ref 在子組件上

若是在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；若是用在子組件上，引用就指向組件實例。
也就是說 若是ref 用在子組件上，咱們還能夠經過 this.$refs.xxx 調用子組件方法。好比 this.$refs.pointdDetailChart(param) ,前提是 這個組件有這個方法。

ref 註冊時間

由於 ref 自己是做爲渲染結果被建立的，在初始渲染的時候你不能訪問它們 - 它們還不存在！$refs 也不是響應式的，所以你不該該試圖用它在模板中作數據綁定。