Soy un novato en Vue.
Quiero poner toda la página en el componente además del encabezado y el pie de página.
Vue.component('main-block', {template: ` <section id="first-block">...</section> <section id="second-block">...</section> <section id="third-block">...</section>`}) Cuando escribo <main-page></main-page> dentro del bloque #app, solo muestra la primera sección. ¿Por qué?
Siguiendo la documentación: A-Single-Root-Element
No puede tener más de un elemento raíz en su componente.
cada componente debe tener un único elemento raíz
Lo que significa que debe envolver su plantilla en un elemento raíz, ej. un elemento div
Por ejemplo:
Vue.component('main-block', {template: ` <div> <section id="first-block">...</section> <section id="second-block">...</section> <section id="third-block">...</section> </div>`})