Binding HTML Attributes

Binding HTML Attributes Vue JS 2

by Megi93

HTML

<div id="app">
	<input type="text" v-on:input="cssClass = $event.target.value">
	<p :class="cssClass">Class: {{ cssClass }}</p>
</div>

CSS

.red {
	color: red;
}

blue {
	color: blue;
}

JavaScript

new Vue ({
	el: '#app',
	data: {
		cssClass: ''
	}
})