动态切换class
我们可以传给 v-bind:class 一个对象,以动态地切换 class:
<div id="app">
<span :class="myclass">{{score}}</span>
</div>
active 这个 class 存在与否将取决于myclass写入的值为true还是false。
var app=new Vue({
el:'#app',
data:{
score:50,
myclass:{
active:true,
danger:false
}
}
})
结果渲染为:
<span :class="active">50</span>