通過ref來獲取DOM節點

<template>
  <div>
    <div ref="hello">
      hello world
    </div>
    <button @click="handleClick">我是按鈕</button>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data () {
    return {
      arr: ''
    }
  },
  methods: {
    handleClick () {
      this.arr = this.$refs.hello.innerHTML //獲取DOM元素節點的值
      alert(this.arr)
    }
  }
}
</script>

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