<div id="app">  
    <ul>  
        <template v-for="i in items">  
            <li>Index is {{$index}}</li>  
            <li>Content is {{i}}</li>  
        </template>  
    </ul>  
</div>  
<script>  
    var vm = new Vue({  
        el: '#app',  
        data: {  
            items: {  
                a: "1",  
                b: "2",  
                c: "3"  
            }  
        }  
    })  
</script>  
 

④監視陣列變動（修改陣列）

當data的某個屬性是一個數組時，用v-for可以遍歷，但顯然陣列是可能變動的，因此對以下變動也進行資料繫結；

push()         陣列末尾新增

pop()           陣列末尾取出

shift()          陣列開頭取出

unshift()      陣列開頭新增

splice()        刪除並插入

sort()           排序

reverse()     陣列順序顛倒

當利用以上方法變更陣列時，被渲染的內容會實時更新；

採用reverse() 實現陣列倒序排列