2017-03-26 4 views
1

Ich habe eine Komponente myHello:Ist es möglich, `div` aus der Vorlage zu löschen?

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

Und Hauptkomponente:

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

Nach Dies zeigt Rendering:

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

Wie <div> löschen?

+0

Warum würden Sie das tun wollen? Es gibt zwei Möglichkeiten, wie Sie es tun können, aber ... warum? –

+0

@AmreshVenugopal es ist nur Beispiel, was ich will :) aber es muss wirklich zu realisieren, aber ich weiß nicht, wie – artem0071

+0

Also, was passiert, wenn Sie das 'div' mit' template' ersetzen? Ich meine, lassen Sie das erste 'template'-Tag da sein, ersetzen Sie das' div', das Sie löschen möchten, mit '' template'. –

Antwort

1

Bei VueJS muss jede Komponente nur ein Wurzelelement haben. Die upgrade guide spricht darüber. Wenn Sie sich besser fühlen, sind Sie nicht alone. Für was es wert ist, ist das components section ein gutes Buch.

Mit den unzähligen Lösungen für Ihr Problem, hier ist eine.

Komponente myHello:

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

Komponente myWorld:

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

Komponente main

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