非常重要：小程序端不支持 classObject 和 styleObject 語法。

文檔：https://uniapp.dcloud.net.cn/tutorial/vue-basics.html#class-與-style-綁定

對象語法

<!-- class -->
<view class="static" :class="{ active: isActive}">111</view><!-- style -->
<view :style="{ color: activeColor, fontSize: fontSize + 'px' }">333</view>

數組語法

<!-- class -->
<view class="static" :class="['activeClass', 'errorClass']">111</view><!-- style -->
<view :style="[{ color: activeColor, fontSize: fontSize + 'px' }]">444</view>

字符串語法

<!-- class -->
<view class="static" :class="computedClassStr">111</view><!-- style -->
<view :style="computedClassStr">444</view>

computed

 <!-- 支持 -->
<view class="container" :class="computedClassStr"></view>
<view class="container" :class="{active: isActive}"></view><!-- 不支持 -->
<view class="container" :class="computedClassObject"></view>

其他方案

使用第三方庫classnames，來處理類名，可以將ClassObject轉為ClassStr

具體用法可以參看：https://pengshiyu.blog.csdn.net/article/details/134287806