写一段完整代码实现应用动态组件实现影视网中热播电影和经典电影之间的切换

<template>
  <div>
    <button @click="toggleHot">热播电影</button>
    <button @click="toggleClassic">经典电影</button>
    <component :is="currentComponent"></component>
  </div>
</template>
<script>
import HotMovies from './HotMovies'
import ClassicMovies from './ClassicMovies'

export default {
  components: {
    HotMovies,
    ClassicMovies
  },
  data() {
    return {
      currentComponent: 'HotMovies'
    }
  },
  methods: {
    toggleHot() {
      this.currentComponent = 'HotMovies'
    },
    toggleClassic() {
      this.currentComponent = 'ClassicMovies'
    }
  }
}
</script>