<div id="app">
    <div v-for="item in count" v-bind:class="arr">{{ item }}</div>
</div>
<script src="vue.js"></script>
<script>
    var vm = new Vue( {
        el: "#app",
        data: {
            count: 100,
            arr: []
        }
    } );
</script>

我想做的是通過(guò)對(duì)100個(gè)div的class進(jìn)行數(shù)組數(shù)據(jù)的綁定，這樣我就可以通過(guò)一個(gè)數(shù)組來(lái)控制對(duì)應(yīng)的div的class了那該如何實(shí)現(xiàn)這樣的需求呢？例如實(shí)現(xiàn)如下的需求：
<div id="app">

<div v-for="(item,i) in count" v-bind:class="arr[i]" v-bind:index="i" v-on:click="divClick">{{ item }}</div>
</div>
<script src="vue.js"></script>
<script>
    var vm = new Vue( {
        el: "#app",
        data: {
            count: 100,
            arr: []
        },
        methods: {
            divClick: function( e ) {
                this.arr[ e.target.getAttribute( "index" ) ] = "active";
                console.log( this.arr );
            }
        }
    } );
</script>

當(dāng)點(diǎn)擊一個(gè)div時(shí)，為該div添加一個(gè)“active”樣式，保證只有當(dāng)前被點(diǎn)擊的div會(huì)添加actve樣式，其他的不會(huì)變，因此這里才會(huì)想到數(shù)組和對(duì)象作為數(shù)據(jù)。