Vue 局部刷新Home组件 - 使用动态组件和响应式数据

<p><template><div><component :is="currentComponent"></component>&lt;button @click=&quot;refreshComponent&quot;&gt;刷新组件</button></div></template><script>export default {data() {return {currentComponent: 'ComponentA'}} ,methods: {refreshComponent() {this.currentComponent = 'ComponentB';}}} </script>// ComponentA.vue<template><div><h1>Component A</h1><!-- 组件A的内容 --></div></template>// ComponentB.vue<template><div><h1>Component B</h1><!-- 组件B的内容 --></div></template></p>