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) }