Full-Stack Vue.js 2 and Laravel 5

Dynamic props
We can reactively bind data to a component using the v-bind directive. When the
data changes in the parent, it will automatically flow down to the child.
In the following example, the value of title in the root instance gets
programmatically updated after two seconds. This change will automatically
flow down to MyComponent, which will reactively re-render to display the new
value:
Vue.component('my-component', { template: '{{ title }}', props: [
'title' ] });
var app = new Vue({ el: '#app', data: { title: 'Hello World' } });
setTimeout(() => { app.title = 'Goodbye World' }, 2000);
Since the v-bind directive is used so commonly in templates, you can
omit the directive name as a shorthand:
can be shortened to .