1 <template>
 2   <div>
 3     <div ref="hello">
 4       hello world
 5     </div>
 6     <button @click="handleClick">我是按鈕</button>
 7   </div>
 8 </template>
 9 
10 <script>
11 export default {
12   name: ‘Home‘,
13   data () {
14     return {
15
 
       arr: ‘‘
16     }
17   },
18   methods: {
19     handleClick () {
20       this.arr = this.$refs.hello.innerHTML //獲取DOM元素節點的值
21       alert(this.arr)
22     }
23   }
24 }
25 </script>

【註意：在HTML中時ref，而在methods中是refs，因為在HTML中ref可能有很多，而在methods是通過總的ref來尋找】

通過ref來獲取DOM節點