javascript - vue.js怎么实现 class的切换

Question

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

Answer 1

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

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

.error{
    color:red;
}

Answer 2

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

官方的例子