vue.js怎么实现 class的切换

Question

如果状态是失败就就加个.erro 类 如果是成功就怎么也不做

Answer 1

<div id="demo" :class="{error:fail}"></div>

new Vue({
   el:'#demo',
   data:{
     fail:false   
   }  
})

.error{
    color:red;
}

Answer 2

<div v-bind:class="{ 'err': isA, 'success': isB }"></div>
data: {
  isA: true,
  isB: false
}

官方的例子