一、vue如何追蹤變化
當你把一個普通的JS對象傳給vue執行個體的data選項時，
vue将周遊此對象的所有屬性，
并使用 Object.defineProperty 把這些屬性全部轉為 getter/setter 。
Object.defineProperty是ES5中一個無法識别的特性，
這也就是為什麼vue不支援IE8以及更低版本的浏覽器。
二、為什麼使用Vue.set()
因為受現代JS的限制，vue不能檢測到對象屬性的添加或删除。(重要！！！)
由于vue會在初始化執行個體時對屬性執行 getter/setter 轉化過程，
是以屬性必須在data對象上存在才能讓vue轉換它，這樣它才能是響應的。
vue不允許在已經建立的執行個體上動态添加新的根級響應式屬性，（注意！！！）
不過可以使用Vue.set()方法将響應式屬性添加到嵌套的對象上。
三、 更新資料（Array）失敗
this.list[0] = '王五';
當我們修改資料之後， 【this.list[0] = '王五';】
視圖上并沒有發生變化，
實際上這個修改并不能生效，因為Vue不能檢測到以下變動的數組:
1==> 當你利用索引直接設定一個項時，例如: this.list[index] = newValue
2==> 修改數組的length屬性,例如: this.list.length = 0
是以在上例中通過this.list[0] = '王五' 是無法觸發資料響應的，
<template>
<div class="about">
<template>
<div>
<ul>
<li v-for="item in list" :key="item">
{{ item }}
</li>
</ul>
<button @click="handleChangeName">修改名稱</button>
</div>
</template>
</div>
</template>
<script>
//别忘記引入vue
import Vue from 'vue'
export default {
data() {
return {
list: ['張三', '李四']，
personArr: [{name:'張三',age:20}，{name:'李四',age:30}]，
}
},
methods: {
// 修改使用者名稱
handleChangeName() {
// 這樣更改會失敗
// this.list[0] = '王五'
// 這樣更改ok的
Vue.set(this.list,0,'王五')
//如果你更改的是數數組的某一項
let obj1={name:'李四',age:30，sex:'男'}
Vue.set(this.personArr,0,obj1)
//如果你隻是想添加一個key值的話；
obj2['xueli']='大專';
Vue.set(this.personArr,0,obj2)
}
}
}
</script>
作者：明月人倚樓
出處：https://www.cnblogs.com/IwishIcould/
想問問題，打賞了卑微的部落客，求求你備注一下的扣扣或者微信；這樣我好聯系你；(っ•̀ω•́)っ✎⁾⁾！
如果覺得這篇文章對你有小小的幫助的話，記得在右下角點個“推薦”哦，或者關注部落客，在此感謝！
萬水千山總是情，打賞5毛買辣條行不行，是以如果你心情還比較高興，也是可以掃碼打賞部落客(っ•̀ω•́)っ✎⁾⁾！
支付寶
微信
本文版權歸作者所有，歡迎轉載，未經作者同意須保留此段聲明，在文章頁面明顯位置給出原文連接配接
如果文中有什麼錯誤，歡迎指出。以免更多的人被誤導。