Vue Bind

by Ardani Rohman

HTML

<script src="https://unpkg.com/[email protected]"></script>
<div id="app">
<a v-bind:href="url">{{url}}</a>
<p v-bind:class="active">Hello Active</p>
</div>

CSS

.status--active {
  color:red;
}
.statuc--inactive {
  color:gray;
}

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    url: "http://google.com", 
    active:'status--active' 
  }
})