Vue点击切换class

<style>
    .active{
        color: red;
    }
</style>

<ul id="app">  
    <li v-for='(item,index) in items' @click="change(index)" :class='{active:index===number}'> <!--通过切换索引值改变class-->
    　　<span v-html="item.name"></span>
    </li>  
</ul> 

<script>  
    new Vue({  
        el: '#app',  
        data: {
            number: 0,
        items:[
        {
            name: "我是0",
        },
        {
            name: "我是1"
        },
        {
            name: "我是2"
            }
        ]
        },  
        methods: {
            change: function(index) {  
                this.number= index;  
        }  
    }  
})  
</script>