「Vue.js」v-bind:class の使い方

2019年4月30日

サンプルコード

<style>
.classA{
  background: #444;
  color: #eee;
}
</style>


<script src="vue.min.js"></script>
<div id="app">
  <label for="r1">data</label><input type="checkbox" v-model="use" id="r1">
  <br><br>
  <div v-bind:class="{'classA': use}">
    v-bind:class sample
  </div>
</div>
    
<script>
new Vue({
    el: '#app',
  data:{
      use: false
  }
});
</script>