关于v-if条件渲染和class&style绑定条件渲染，哪个更好？

关于v-if条件渲染和class&style绑定条件渲染，哪个更好？

<!-- v-if 判断方式-->  
 <view class="lu-tab-item lu-active"  v-if="selectedIndex==index"  
:style="{color:selectedColor}">  
    <view class="lu-tab-title">{{text}}</view>  
</view>  
<view class="lu-tab-item"  v-else  
style="{color:color}">  
    <view class="lu-tab-title">{{text}}</view>  
</view>   
<!-- style绑定进行if判断方式-->  
<view class="lu-tab-item"  
:class="[selectedIndex==index? 'lu-active' : '']"   
:style="[selectedIndex==index?('color:'+selectedColor):('color:'+color)]">  
    <view class="lu-tab-title">{{text}}</view>  
</view>   
<!-- 这2种方式哪种更好？ -->

欢迎大家讨论和分享经验。谢谢！！！