如何在vue js中显示评分的值？

<template>
  <div>
    <span v-for="star in stars" :class="starClass(star)"></span>
  </div>
</template>

<script>
export default {
  props: {
    rating: {
      type: Number,
      required: true
    }
  },
  computed: {
    stars() {
      return Array.from({ length: 5 }, (_, index) => index + 1);
    }
  },
  methods: {
    starClass(star) {
      return {
        'fa': true,
        'fa-star': star <= this.rating,
        'fa-star-o': star > this.rating
      };
    }
  }
};
</script>

<style>
.fa {
  font-family: FontAwesome;
}
.fa-star {
  color: gold;
}
.fa-star-o {
  color: gray;
}
</style>

<template>
  <div>
    <rating :rating="4"></rating>
  </div>
</template>

<script>
import Rating from './Rating.vue';

export default {
  components: {
    Rating
  }
};
</script>