vue动态点击切换css样式

<template><div v-for="i in 5" class="el-personal" :class="{active:isActive==i}"@click="show(i)">切换css样式</div>
</template>
<script>export default {data() {return {isActive: 0,}},methods: {show(i) {this.isActive = i}}}
</script>
<style lang="scss" scoped>.el-personal{width:100px;height:100px;background:red;}.active{background:blue;}
</style>