在Vue中切换相同组件上的模板

<template>
  <div>
    <button @click="changeTemplate('template1')">模板1</button>
    <button @click="changeTemplate('template2')">模板2</button>

    <component :is="currentTemplate"></component>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentTemplate: 'template1'
    }
  },
  methods: {
    changeTemplate(template) {
      this.currentTemplate = template;
    }
  },
  components: {
    template1: {
      template: '<div>这是模板1</div>'
    },
    template2: {
      template: '<div>这是模板2</div>'
    }
  }
}
</script>