一、问题
在开发过程中，经常遇到这样的情况：当data里边已经声明或赋值过对象或者数组（数组里边的值是对象）时，再向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。
根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。
- 当你把一个普通的js对象传入Vue实例作为data选项，vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。
受现代js的限制，vue不能检测到对象属性的添加或删除。由于Vue会在初始化实例时对属性执行getter/setter转化过程，所以属性必须在data对象上存在才能让vue转换它，这样才能让它是响应的。
举个例子：
data () {
return {
student: {
name: '',
age: ''
}
}
},
mounted () {
this.student.age = 24
}
众所周知，直接给student赋值操作，虽然可以新增属性，但是不会触发视图( 页面 )
更新原因是：vue.js的属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。
二、解决方法
vue.$set(obj,key,value)
举例：
mounted () {
this.$set(this.student,"age", 24)
}
第一个参数：改变的对象
第二个参数：改变的对象中的属性
第三个参数：改变的属性值
