<template>
??<ul>
?????<li?v-for="(item,index)?in?lists"
?????????@click="choose(index)"
?????????:class="{active:index==current}"
?????????:key="index">
??????{{item}}
????</li>
??</ul>
</template>

<script>
??export?default?{
????name:"demo1",
????data()?{
??????return?{
????????lists:?[1,?2,?3,?4,?5,?6,?7,?8,?9]
??????}
????},
????methods:?{
??????choose(index){
????????console.log(index)
??????}
????}
??}
</script>

<style?scoped>
li.active{
??background:?green;
}
</style>