Vue ref and $refs

在使用Vue取得DOM元件操作時，不要使用document，而應該使用ref。

<template>
  <ul>
    <li v-for="user in users" :key="user.id" ref="users">
      {{user.name}}
    </li>
  </ul>
</template>
<script>
import axios from 'axios';
export default {
  name: 'RefTest',
  data: function(){
    return {
      users: [
       { id: 1, name: 'Jack'},
       { id: 2, name: 'Jason'}
      ]
    }
  },
  mounted(){
   const elements = this.$refs.users;
   elements.forEach(ele => {
     console.log(ele.clientHeight);
   })
}
</script>