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>