效果预览

html代码

<body>
    <div id="box">
        <ul>
            <li v-for="(temp,index) in dataList" @click="addClass(index)" :class="current===index? 'bgColor':''">
                {{temp}}
            li>
        ul>
    div>
body>
1
2
3
4
5
6
7
8
9

css代码

    
1
2
3
4
5

js代码

    <script src="lib/vue.js"></script>
        <script>
        new Vue({
            el: "#box",
            data:{
                current:0,
                dataList:["杨铁丝","杨铁胆","杨铁锤"],
            },
            methods:{
                addClass(index){
                    this.current=index;
                },
            },
        })
    </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15