binding-class-2-vue

by Md. Mostafa Kamal

HTML

<script src="https://unpkg.com/vue"></script>
<div id="test">
      <h1 :class="[myColor,testfont]">Welcome to @code4mk</h1>
 </div>

CSS

.h1color{
  color:red
}
.arraytest{
  background-color:yellow
}

JavaScript

var vm = new Vue({
   el:'#test',
   data:{
   myColor:'h1color',
   testfont:'arraytest'
   }
})