<!-- 小贴士： 🎉 恭喜你成功解决了挑战，很高兴看到你愿意分享你的答案！ 由于用户数量的增加，Issue 池可能会很快被答案填满。为了保证 Issue 讨论的效率，在提交 Issue 前，请利用搜索查看是否有其他人分享过类似的档案。 你可以为其点赞，或者在 Issue 下追加你的想法和评论。如果您认为自己有不同的解法，欢迎新开 Issue 进行讨论并分享你的解题思路！ 谢谢！ --> ```vue // 你的答案 ``` <template> <!-- <list-component :list="list" :active-index="activeIndex" @toggle="toggle" /> --> <div> <ul class="uls"> <li class="list" v-for="(itme, index) in list " :key="index" @click="dianji(index)" :class="current == index ? 'change' : ''">{{ itme.name }}</li> </ul> </div> </template> <script setup > import { ref } from "vue" const list = [{ name: "John", }, { name: "Doe", }, { name: "Smith", }] const current = ref(0) function dianji(index) { current.value = index } </script> <style> .change { color: red } </style> <!-- 或者 Vue SFC Playground 在线链接 (https://sfc.vuejs.org) -->
