<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.toymoban.com/news/detail-816373.html
文章来源：https://www.toymoban.com/news/detail-816373.html
到了这里，关于Vue基础 - v-bind修改属性的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
