vue视图层不更新

1、数组后随便增加一项再删除 （vue底层重新封装了push等方法）

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

2、扩展运算符

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

3、复制一个新数组/对象

（只更改了地址，值不变，所以不触发更新）

4、this.$set

vue2.0 给data对象新增属性，并触发视图更新

如下代码，给 student对象新增 age 属性

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

直接给student赋值操作，可以新增属性，但是不会触发视图更新

eg:

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

原因：受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。

解决：使用$set()方法，既可以新增属性,又可以触发视图更新。

错误写法：this.$set(key,value)（ps: 可能是vue1.0的写法）

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

正确写法：this.$set(obj,'key','value')

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