通过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来寻找】