Full-Stack Vue.js 2 and Laravel 5

Class binding
How we'll approach this is to dynamically bind the contracted class. Let's create a
contracted data property and set its initial value to true.
app.js: data: { ... contracted: true }
Like our style binding, we can bind this class to an object. In the expression, the
contracted property is the name of the class to be bound, the contracted value is a
reference to the data property of that same name, which is a Boolean. So if the
contracted data property evaluates to true, that class will be bound to the element,
and if it evaluates to false, it will not.
index.html: {{ about }}
It follows that when the page loads the contracted class is bound: ...