vue 不能监听对象属性的改变

vue 不能监听对象属性的改变 需要重新赋值后才会渲染页面!

 <div v-for="(item,index) in commonList" :key="index"
                 :class="active[index] ? 'activeClass' : 'noClass'" @click="commonClick(index)">
                {{item}}
            </div>
//方法
commonClick(index) {
                this.active[index] = !this.active[index];
                this.active = [].concat(this.active);//重新赋值后渲染页面
            },