Vue中可以很方便地實現(xiàn)點擊增加CSS樣式的效果。我們可以通過給元素綁定一個點擊事件來實現(xiàn)這個功能：

<template>
<div v-bind:class="{active: isActive}" v-on:click="toggleActive">
點我切換樣式
</div>
</template>
<script>
export default {
data() {
return {
isActive: false
}
},
methods: {
toggleActive() {
this.isActive = !this.isActive
}
}
}
</script>
<style scoped>
.active {
background-color: #f00;
color: #fff;
}
</style>

代碼中，我們通過v-bind:class綁定了一個對象，當isActive為true時，元素會添加active類名，從而給元素添加樣式。同時，我們通過v-on:click綁定一個toggleActive方法，點擊元素時會調(diào)用這個方法。在toggleActive方法中，我們通過改變isActive的值來切換元素的樣式。需要注意的是，在這個例子中，我們使用了scoped屬性來限制CSS樣式的作用范圍，只有在這個組件中才能使用這些樣式。