Full-Stack Vue.js 2 and Laravel 5

Style binding
To set a background image, we must provide the URL as a property in a CSS
rule like this: .header .header-img { background-image: url(...); }
Obviously, our header image should be specific to each individual listing, so we
don't want to hard code this CSS rule. Instead, we can have Vue bind the URL
from data to our template.
Vue can't access our CSS style sheet, but it can bind to an inline style attribute:
You may think using a text interpolation is the solution here, for example:
But this is not valid Vue.js syntax. This is, instead, a job for another Vue.js
feature called a directive. Let's explore directives first and then come back to
solving this problem.