Popular posts

This is true, currently Vue instances/component only accept one root node. This is one of the things that React Fiber brings, and is something we can possibly learn from. For now it is not on the agenda as it will require heavy changes, but is on our radar to look into.

I also believe having a single root node, is also a good thing. The component readability is clear and concise, and predictable.

It may be worth noting that Vue does support conditional root nodes, e.g. something like this will work just fine:

<template>
  <div v-if="loggedIn"></div>
  <div v-else></div>
</template>

...and functional components can also create multiple root nodes.

Thank you for answering!