来看一种情况,当年我是这么写的，现在客户需要添加一个性别sex属性
student{
name:'',
age:''
}在控制台上，直接这么写，发现在页面里并不能显示出男。不能做到响应式数据绑定
vm._data.studet.sex='男'
?还记得嘛，vue里每一个data里的属性vue都给它了set和get方法。
那逻辑上来说我们也给sex属性一个set方法是不是就好使了？
来试试，怎么给，看下图
Vue.set(vm._data.student,'sex','男')页面有变化了，帅气！
别激动，还有第二种写法
vm.$set(vm._data.student,'sex','女')
?这就满足了？再来点让你更满足
记不记得vue给你做了数据代理，那下面这行代码将会输出true,所以上面那俩种方法都是可以简写的
vm._data.student===vm.student
//输出 true
但是也有一个美中不足，就是不允许添加一个响应式的数据到vue的实例上，举例如下：
Vue.set(vm._data,'leader','一个帅气的男子')加了就会报一片红
?也就是说 Vue只能这么这么做，像下面图片里说的那样
数组怎么实现响应式呢？
结论是，数组只能通过下面这7种操作数组的方法来实现响应式
?你说我不信？那我们来试试。在控制台把hobby数组的第一项元素从‘抽烟’改为‘学习’
vm._data.student.hobby[0]='学习'
此时我们再瞄一眼，用vm._data.student.hobby,打印到控制台看一下。hobby数组确实发生变化了,可是页面就是没响应。为啥？因为数组必须通过那7个函数才能响应式变化
?放在代码里就是这样的：下面这一行代码，没有用那7个方法，所以并不能实现数据响应式变化
38 this.person[0]={id:'001',name:'马老师',age:'50',sex:'男'}