根据<li v-for="(option2, index)in conto" v-bind:key="index" >{{option2.category_title}}</li>写一段vue里点击改变样式的代码

你可以使用Vue的v-bind和v-on指令来实现点击改变样式的效果。下面是一个示例代码：

<template>
  <div>
    <li v-for="(option2, index) in conto" :key="index" :class="{ active: isActive(index) }" @click="toggleActive(index)">
      {{ option2.category_title }}
    </li>
  </div>
</template>

<script>
export default {
  data() {
    return {
      conto: [
        // 数据源
      ],
      activeIndex: null
    };
  },
  methods: {
    isActive(index) {
      return this.activeIndex === index;
    },
    toggleActive(index) {
      this.activeIndex = this.activeIndex === index ? null : index;
    }
  }
};
</script>

<style>
.active {
  font-weight: bold;
  color: blue;
}
</style>

在上面的示例代码中，使用了Vue的v-for指令遍历`conto`数组，并使用`:key`绑定每个列表项的唯一标识。通过`:class`绑定了一个计算属性`isActive`来动态添加`active`类，从而改变样式。在点击列表项时，通过`@click`事件触发`toggleActive`方法，切换`activeIndex`的值，实现点击改变样式的效果。最后，利用CSS样式定义了`.active`类的样式，可以根据需要自行修改。