1、數(shù)組后隨便增加一項(xiàng)再刪除 （vue底層重新封裝了push等方法）

this.showFileList.push(1); 
this.showFileList.pop();

2、擴(kuò)展運(yùn)算符

this.showFileList = [...this.showFileList];

3、復(fù)制一個(gè)新數(shù)組/對(duì)象

（只更改了地址，值不變，所以不觸發(fā)更新）

4、this.$set

vue2.0 給data對(duì)象新增屬性，并觸發(fā)視圖更新

如下代碼，給 student對(duì)象新增 age 屬性

data () { 
  return { 
    student: { 
      name: '', 
      sex: '' 
    }
   }
 }

直接給student賦值操作，可以新增屬性，但是不會(huì)觸發(fā)視圖更新

eg:

mounted () { this.student.age = 24 }

原因：受 ES5 的限制，Vue.js 不能檢測(cè)到對(duì)象屬性的添加或刪除。因?yàn)?Vue.js 在初始化實(shí)例時(shí)將屬性轉(zhuǎn)為 getter/setter，所以屬性必須在 data 對(duì)象上才能讓 Vue.js 轉(zhuǎn)換它，才能讓它是響應(yīng)的。

解決：使用$set()方法，既可以新增屬性,又可以觸發(fā)視圖更新。

錯(cuò)誤寫(xiě)法：this.$set(key,value)（ps: 可能是vue1.0的寫(xiě)法）

mounted () { this.$set(this.student.age, 24) }

正確寫(xiě)法：this.$set(obj,'key','value')

mounted () { this.$set(this.student,'age', 24) }