vue中修改data中數據的方法

vue的data中保存一些數據，用於頁面的渲染。有的時候，當我們手動對data中的數據修改時，vue卻監聽不到這些數據的變化，導致頁面沒有觸發新一輪的更新。

注意：出現以上問題的原因在於，沒有通過vue提供的方法對保存在data中的數據進行修改。強制性通過js對數據修改的那些方法，有一部分在vue中是不被認可的。

vue中修改數組的方法：

①變異方法（7個）:push ,shift, unshift, pop, sort, splice, reverse
這些方法在與js基本一致

push
此方法是在數組的後面添加新加元素，此方法改變了數組的長度
+++++++++++++++++++++++++++++++++++++++++++++++++++
pop
此方法在數組後面刪除最後一個元素，並返回數組，此方法改變了數組的長度
+++++++++++++++++++++++++++++++++++++++++++++++++++
shift
此方法在數組後面刪除第一個元素，並返回數組，此方法改變了數組的長度
+++++++++++++++++++++++++++++++++++++++++++++++++++
unshift
此方法是將一個或多個元素添加到數組的開頭，並返回新數組的長度
+++++++++++++++++++++++++++++++++++++++++++++++++++
splice
Array.splice(開始位置， 刪除的個數，替換的元素) 萬能方法，可以實現增刪改
+++++++++++++++++++++++++++++++++++++++++++++++++++
sort
該方法用於對數組進行排序
+++++++++++++++++++++++++++++++++++++++++++++++++++
reverse
該方法用於將數組的內容倒置
+++++++++++++++++++++++++++++++++++++++++++++++++++

②set方法（）
this.$set 這是vue實例調用$set()方法，專門用來修改數組的
第一個參數，已經存在data中的數據，要被修改的數組
第二個參數，要修改的數組下標
第三個參數，要修改的數組對應下標的值

this.$set (this.selectedarr, index, option)

+++++++++++++++++++++++++++++++++++++++++++++++++++

vue中修改對象的方法：

//	第一種方法直接改
this.obj.dengxi = 'dengxi'
//第二種方法使用vue的實例提供的方法進行操作
this.$set(vm.obj,'dengxi','dengxi好帥')
//第三種方法，通過vue構造函數提供的方法來改變
Vue.set(this.obj,'dengxi','dengxi真的好帥')
//如果想要將對象中的某一個鍵值對應的value刪掉
//第一種方法
//可以通過上面的三種方法,將其設置爲空
//第二種方法
this.$delete(this.obj,'yangxi')
//第三種方法
Vue.delete(this.obj,'dengxi')