說明：vm.$refs 一個對象，持有已注冊過 ref 的所有子組件（或HTML元素）
使用：在 HTML元素 中，添加ref屬性，然后在JS中通過vm.$refs.屬性來獲取
注意：如果獲取的是一個子組件，那么通過ref就能獲取到子組件中的data和methods
添加ref屬性
<div id="app">
<h1 ref="h1Ele">這是H1</h1>
<hello ref="ho"></hello>
<button @click="getref">獲取H1元素</button>
</div>
獲取注冊過 ref 的所有組件或元素
methods: {
getref() {
// 表示從 $refs對象 中, 獲取 ref 屬性值為: h1ele DOM元素或組件
console.log(this.$refs.h1Ele.innerText);
this.$refs.h1ele.style.color = 'red';// 修改html樣式
console.log(this.$refs.ho.msg);// 獲取組件數據
console.log(this.$refs.ho.test);// 獲取組件的方法
}
}