「v-else」テンプレートブロックを常に含めるのはなぜですか？

Question

私はコンポーネントとフラグに2つのテンプレートを持っています。

<template v-if="mainPage"> 
    <div class="col-md-12"> 
     <h1>1 page</h1> 
    </div> 
</template> 
<template v-else> 
    <div class="col-md-12"> 
     <h1>2 page</h1> 
    </div> 
</template> 
export default { 
    data() { 
     return { 
      text : '', 
      mainPage: true, 
     } 
    }, 

ただし、デフォルトは第2のテンプレートを含みます。どうして？

Answer 1

まず第一に、あなたのコンポーネントが動作しwouldntのV-他の部分のないように、あなたはDIV、および1つの親のテンプレートを作成するためのテンプレートを変更しない限り、あなたは、コンポーネントごとに1つのルート要素をのみ許可されていvuejs作成：

を

あなたは同じようv-showを使用することができますv-if使用しない場合：これはしかし、テンプレートのために動作しません

<template v-show="mainPage"> 
    <div class="col-md-12"> 
     <h1>1 page</h1> 
    </div> 
</template> 
<template> 
    <div class="col-md-12"> 
     <h1>2 page</h1> 
    </div> 
</template> 

。 vuejsコンポーネントでは2つのテンプレートを使用できないため、