写一段完整代码实现应用动态组件实现影视网中热播电影和经典电影之间的切换
<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>
原文地址: https://www.cveoy.top/t/topic/0mh 著作权归作者所有。请勿转载和采集!