:class=“[‘text-uppercase text-center’,{‘category-active’:categoryFlag }]”
categoryFlag 是你定义的变量名称，判断当前类名是否生效。

<p :class="[classA,classB]">动态绑定多个类名</p>
<!-- 动态绑定A、B两个类名，并且有条件的添加bd这个类名，当bd冒号后面为true时，就包含bd这个类名 -->
<p :class="[classA,classB,{bd:age>=18}]">有条件的添加类名</p>
<!-- 通过在data中控制布尔值，实现类名的切换 -->
<p :class="{classA:isShow1,classB:isShow2}">实现类名的切换</p>