<div id="app">
<button @click="active = !active" :aria-pressed="active ? 'true' : 'false'">Toggle me</button>
<p :class="{ red: active }">Sometimes I need to be styled differently</p>
</div>
#app {
margin: 50px;
}
.red {
color: red;
}
View Compiled
new Vue({
el: '#app',
data: {
active: false
}
})
View Compiled
This Pen doesn't use any external CSS resources.