v-bind 结合 css样式 结合标签显示是否要显示出某个样式
<p :class="[‘bg‘,‘dx‘, {‘lin‘:falg}]">{{ msg }}</p>
<p :class="{bg:true, dx:true, lin:true}">{{ msg }}</p>这种不好 因为写死了
动态绑定类名时不再是{{}}号了
lin为true,绑定lin这个类名
<style>
.bg {
background: pink;
}
.dx {
font-size: 30px;
}
.lin {
color: #ffffff;
}
</style>
<div id="app">
<p :class="[‘bg‘,‘dx‘, {‘lin‘:falg}]">{{ msg }}</p>
<!-- <p :class="[‘bg‘,‘dx‘]">{{ msg }}</p> 绑定两个类名 -->
</div>
<script>
var vm = new Vue({
el: ‘#app‘,
data: {
msg: ‘大家都是好学生‘,
falg: true
}
})
</script>
原文：https://www.cnblogs.com/IwishIcould/p/11762366.html