在Vue的開發中，有時我們需要根據不同的數據展示需要使用不同的DOM結構，這時我們就需要使用Vue的多個template來實現。Vue的template是一個獨立的DOM結構模板，它可以被復用和引用。

<template id="template-a">
<div class="template-a">
<p>這是模板A</p>
</div>
</template>
<template id="template-b">
<div class="template-b">
<p>這是模板B</p>
</div>
</template>

在這里，我們創建了兩個template，他們有不同的ID，這樣在組件中就可以輕松引用它們了。接下來，我們就可以在組件中使用這兩個模板：

Vue.component('my-component', {
template: '#template-a', // 引用模板A
data() {
return {
showTemplateA: true
};
},
methods: {
toggleTemplate() {
this.showTemplateA = !this.showTemplateA;
this.template = this.showTemplateA ? '#template-a' : '#template-b';
}
}
});

在這里，我們創建了一個名為my-component的組件，它引用了template-a模板，并初始化了一個showTemplateA的變量為true，用于判斷當前展示哪個模板。同時，我們還創建了一個toggleTemplate方法，在這個方法中，我們通過this.template來動態切換模板。

不只是在組件中，我們還可以在Vue實例中使用多個template來實現不同的數據展示效果。下面是一個使用多個模板的示例：

<div id="app">
<template v-if="template === 'a'">
<div class="template-a">
<p>這是模板A</p>
</div>
</template>
<template v-if="template === 'b'">
<div class="template-b">
<p>這是模板B</p>
</div>
</template>
<button v-on:click="toggleTemplate">切換模板</button>
</div>
<script>
new Vue({
el: '#app',
data: {
template: 'a'
},
methods: {
toggleTemplate() {
this.template = this.template === 'a' ? 'b' : 'a';
}
}
});
</script>

在這里，我們創建了一個Vue實例，并為其初始化了一個template屬性為'a'。我們在HTML中使用了v-if指令，根據template屬性來選擇不同的template展示。同時，我們還創建了一個toggleTemplate方法，通過this.template來動態切換模板。

總之，使用多個template可以讓我們更加方便地實現不同的數據展示效果，提高開發效率。在Vue中，我們可以通過組件和Vue實例來使用多個template。使用時需要注意，不同的模板在展示和切換時可能會有性能問題，需要謹慎使用。