vue中 点击div元素后 改变div的class

可以使用Vue的绑定class的方式来改变div的class。

首先，在data中定义一个变量来表示div的class：

data() {
  return {
    divClass: 'original-class'
  }
}

然后，在模板中绑定div的class：

<div :class="divClass" @click="changeClass"></div>

注意，这里使用了Vue的动态绑定class的语法，即:class，而不是普通的class。这样可以根据divClass的值来动态地改变div的class。

最后，在methods中定义changeClass函数来改变divClass的值：

methods: {
  changeClass() {
    this.divClass = 'new-class'
  }
}

这样，当点击div元素时，div的class就会从原来的original-class变成new-class。