你好，帮我用vuejs写一个贪吃蛇的小游戏

好的，下面是一份使用 Vue.js 实现的贪吃蛇小游戏的代码。请注意，这仅仅是一个代码段，并不能独立运行，需要您在合适的 Vue.js 开发环境中完善。

<template>
  <div class="snake-game">
    <div class="game-board" :style="boardStyle">
      <div v-for="snakeUnit in snakeUnits" :key="snakeUnit.id" class="snake-unit" :style="snakeUnitStyle(snakeUnit)"></div>
      <div class="food-unit" :style="foodUnitStyle"></div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      boardSize: 500,
      unitSize: 10,
      speed: 100,
      direction: 'right',
      snakeUnits: [],
      foodUnit: {}
    }
  },
  computed: {
    boardStyle() {
      return {
        width: this.boardSize + 'px',
        height: this.boardSize + 'px'
      }
    },
    foodUnitStyle() {
      return {
        left: this.foodUnit.x + 'px',
        top: this.foodUnit.y + 'px',
        width: this.unitSize + 'px',
        height: this.unitSize + 'px'
      }
    }
  },
  methods: {
    snakeUnitStyle(snakeUnit) {
      return {
        left: snakeUnit.x + 'px',
        top: snakeUnit.y + 'px',
        width: this.unitSize + 'px',
        height: this.unitSize + 'px'
      }
    },
    start() {
      for (let i = 0; i < 5; i++) {
        this.snakeUnits.push({
          id: i,
          x: i * this.unitSize,
          y: 0
        })
      }
      this.generateFoodUnit()
      setInterval(this.move, this.speed)
    },
    generateFoodUnit() {
      this.foodUnit = {
        x: Math.floor(Math.random() * (this.boardSize / this.unitSize)) * this.unitSize,
        y: Math.floor(Math.random() * (this.boardSize / this.unitSize)) * this.unitSize
      }
    },
    move() {
      let nextUnit = {
        x: this.snakeUnits[0].x,
        y: this.snakeUnits[0].y
      }
      switch (this.direction) {
        case 'up':
          nextUnit.y -= this.unitSize
          break
        case 'down':
          nextUnit.y += this.unitSize
          break
        case 'left