vue中for循环的class绑定事件

<ul>
    <li @click="clickCategory(index)" :class="{categoryActive : categoryIndex == index}" v-for="(item, index) in category" :key="index">
        {{item.MALL_CATEGORY_NAME}}
    </li>
</ul>

      data() {
            return {
                categoryIndex : 0,
            }
        },
        methods: {
            clickCategory(index){
                this.categoryIndex = index;
            }
        },

.categoryActive{
    background: #fff;
}