Full-Stack Vue.js 2 and Laravel 5

Slots
We've learned so far that the content of a component is defined by its own
template, not by its parent, so we wouldn't expect the following to work: Parent content
But it will work if MyComponent has a slot. Slots are distribution outlets inside a
component, defined with the special slot element: Vue.component('mycomponent',
{ template: `
Child content
` });
new Vue({ el: '#app' });
This renders as:
Parent content
Child content
If ComponentB has a slot in its template, like this:
Vue.component('component-b', {
template: ''
});
We can solve the problem just stated without having to use a cumbersome v-for: