Class and Style Bindings

Vue data bindings in template also extend to the class and style properties. The class, as well as the style of the HTML elements, can be determined and updated dynamically. The values of these properties are set as a variable defined in data rather than a constant. The variable in data and the property of the HTML element is bound using the v-bind directive.