绑定class在vue.js和jsx的区别

1.vue.js

 data(){
　　return {
　　　　isactive:true;

　　　　errorClass:'error-text';

　　　　activeClass:'active-class'
　　}

 }

computed:{
　　cactive(){
　　　　return {
　　　　　　active:this.isactive

　　　　　　ccc:true
　　　　}
　　}
}

 1.1对象绑定

　后面的是判断条件,取的是定义的字符串

　<div :class="{active:isactive,hello:isactive}"></div>
　//<div class="active hello">

   计算属性

　//取得是定义的字符串

   <div :class="cactive"></div>

  //<div class="active ccc">

  
1.2数组绑定

　取得是data里面的数据

　<div :class="[isactive? activeClass:'',errorClass]"></div>

　//<div class="active-class error-text">

　取得是定义的字符串

   <div :class="[{active:isactive},'aaaa']">

  //<div class="active aaa">

 

2.jsx中

<div class={[this.active?'persss':'','item']}></div>

<div class={[{'purchse':this.active},'item']}</div>

//<div class="purchase item">