由于JS的限制，Vue不能检测以下变动的数组：

1. 当你利用索引直接设置一个项时，如：vm.items[indexOfIyem] = newValue
2. 当你修改数组长度时，例如：vm.items.length = newLength

第一种情况：

<div id="app">
   <ul>
     <li v-for="item in arr">{{ item }}</li>
   </ul>
</div>

var vm = new Vue({
    el: '#app',
    data: {
        arr: ['aaa','bbb','ccc']
    }
})
vm.arr[1] = 'ddd'

结果：aaa,bbb,ccc
可以使用如下方法使原数据改变

1.Vue.set(vm.arr,1,'ddd')
2. vm.$set(vm.arr,1,'ddd')

然而，在做项目时候，有一个发现：

<div id="app">
   <ul>
     <li v-for="item in arr">{{ item }}</li>
   </ul>
   <ul>
     <li v-for="item in arr2">{{ item }}</li>
   </ul>
</div>

var vm = new Vue({
    el: '#app',
    data: {
        arr: ['aaa','bbb','ccc']
        arr2: ['111','222','333']
    }
})

vm.arr[1] = 666;
vm.$set(vm.arr2,1,666)

运行结果是：

aaa,666,ccc
111,666,333

也就是说，$set()方法调用时，页面会全部更新一遍。