动态绑定V-class
<style>
.activo{
color: red;
}
</style>
<div id="app">
<!-- <h2 :class="{类名1:Boolean,类名1:Boolean}"></h2> -->
<!-- 当Boolean为 true时,添加到标签上 -->
<!-- 当Boolean为 false时,不会添加到标签上 -->
<h2 :class="{activo:isAtivo , line:isLine}">{
{massage}}</h2>
<h2 :class="getClasses()">{
{massage}}</h2>
<button v-on:click="btnClick">点击</button>
</div>
<script src="/vue.js/vue.js"></script>
<script>
var app = new Vue({
el:'#app',
data:{
massage:'你好啊',
isAtivo:true,
isLine:true,
},
methods:{
btnClick:function(){
this.isAtivo = !this.isAtivo;
},
getClasses:function(){