我們都知道原生JS獲取DOM元素是很麻煩的，需要用到如document.getElementById這么長(zhǎng)的API來(lái)獲取。
于是vue可以幫我們解決這個(gè)問(wèn)題，vue也有自帶的獲取DOM方法，那就是ref。它不僅可以獲取DOM元素還可以獲取組件。
首先，需要用ref來(lái)給元素或子組件注冊(cè)引用信息。引用信息將會(huì)注冊(cè)在父組件的 $refs 對(duì)象上。如圖所示：
如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；
通過(guò)vue實(shí)例的$refs屬性可以拿到這個(gè)dom元素：
在使用 v-for 循環(huán)的元素上使用 ref 注冊(cè)的元素，使用 this.$refs.xxx 獲取時(shí)會(huì)返回一個(gè)實(shí)例集合。
如果用在子組件上，引用就指向組件實(shí)例。
通過(guò)vue實(shí)例的$refs屬性拿到這個(gè)組件的引用，之后可以通過(guò)這個(gè)引用調(diào)用子組件的方法，或者獲取子組件的數(shù)據(jù)。如圖：
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)詳細(xì)流程(千佛山醫(yī)院版）")
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)")
開(kāi)啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開(kāi)發(fā)者模式后不顯示這句話） "濟(jì)南建站紅寶書(shū)智慧黨建平臺(tái)")
