是否可以從模板中刪除`div`？

<temlate> 
    <div> 
     <h2>Hello</h1> 
     <p>world</p> 
    </div> 
</template>

而且主要成分：

<h1>my hello:</h1> 
<my-hello><my-hello>

表現說明在此之後：

<h1>my hello:</h1> 
<div> 
    <h2>Hello</h1> 
    <p>world</p> 
</div>

如何刪除<div>？

2017-03-26 artem0071

你爲什麼要這麼做？有兩種方法可以做到這一點，但是爲什麼？ –

@AmreshVenugopal它只是我想要的例子:)但它真的需要實現，但我不知道如何 – artem0071

那麼，如果你用'template'替換'div'，會發生什麼？我的意思是讓第一個'template'標籤按原樣存在，用''template'替換你想要刪除的'div'。 –

使用VueJS，每個組件必須只有一個根元素。 upgrade guide談到這一點。如果它讓你感覺更好，你不是alone。對於它的價值components section是一個很好的閱讀。

隨着您的問題的無數解決方案，這裏是一個。

組件myHello：

<temlate> 
    <h2>Hello</h1> 
</template>

組件myWorld：

<temlate> 
    <p>world</p> 
</template>

組件main

<h1>my hello:</h1> 
<my-hello><my-hello> 
<my-world><my-world>

2017-03-26 18:51:57 whoacowboy

回答