Vue基础 - v-bind修改属性

<div id="app">
<label for="r1">修改颜色</label><input type="checkbox" v-model="use" id="r1">
<br><br>
<div v-bind:class="{'class1': use}">    <!--如果use为true，则{'class1': use}=class1，否则为空-->
v-bind:class 指令
</div>
</div>

<script>
new Vue({
el: '#app',
data:{
    use: false    //这里赋值为false，所以没有调用class1
}
});
</script>

转载于:https://www.cnblogs.com/clamp7724/p/11267583.html