How to add multiple components inside a Vue component?

Question

webpack

There is a component, let's say it's called Home.vue, it contains the following code:

<template>
    <banner></banner>
    <services></services>
</template>

If you use only one component inside this component, then everything works, as soon as you try to use more than one component, the project is not built and throws out an error:

(Emitted value instead of an instance of Error)
  Error compiling template:

  <banner></banner>
  <services></services>

  - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

How to force to use several components inside this or any other component?

Answer 1

Wrap everything in a div

<template>
<div>
    <banner></banner>
    <services></services>
</div>
</template>

There must be only one root element inside the template tag

Answer 2

should contain exactly one root element

what's incomprehensible?