「Vue.js」v-bind:class の使い方
サンプルコード
<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>