Full-Stack Vue.js 2 and Laravel 5

Focusing now on the FeatureList component, follow these steps:
1. Add items to the props array in the configuration object
2. items will be array which we iterate inside the section
3. In the loop, item is an alias to any particular list item. We can create a slot
and bind that list item to the slot using v-bind="item". (We haven't used v-bind
without an argument before, but this will bind the properties of an entire
object to the element. This is useful as the amenities and prices objects have
different properties and we now don't have to specify them.)
resources/assets/components/FeatureList.vue: {{ title }} export
default { props: ['title', 'items'] } ...
Now we'll return to our view. Let's work on the amenities list first:
1. Declare a template element inside the FeatureList declaration.
2. The template must include the slot-scope property to which we assign an
alias, amenity. This alias allows us to access the scoped props.
3. Inside the template, we can use exactly the same markup we had before to
display our amenity list items.
resources/views/app.blade.php:
@{{ amenity.title }}
Here's the complete main template with prices as well.
resources/views/app.blade.php: ... ...
@{{ amenity.title }} @{{ price.title
}}: @{{ price.value }}