vue监视数据的原理

1.vue会监视data中所有层次的数据

2.如何检测对象中的数据
    通过setter实现监视，且要在new Vue时就传入要监测的数据。
    （1）.对象中后追加的属性。Vue默认不做响应式处理
    （2）.如需给后添加的属性做响应式，请使用如下API：
            Vue.set（target.propertyName/index.value）或
            vm.$set(target.propertyName/index.value)
3.如何检测数组中的数据
        通过包裹数组更新元素的方法实现，本质就是：
            （1）.调用原生对应的方法对数组进行更新
            （2）.重新解析模板，进而更新页面
4.在Vue修改数组中的某个元素一定要用如下方法：
        1.使用这些API：push(数组后添加数据),pop(),shift(删除第一个元素),unshift(数组开头添加数据),splice(),sort(),reverse()
        2.Vue.set() 或 vm.$set()
特别注意：Vue.set() 和vm.$set()不能给vm 或vm的根数据对象 添加属性

push：数组后面新增元素
pop：删除最后一个元素
shift：删除第一个
unshift:在前面加一个
splice：替换某个位置
sort：数组排序
reverse：反转数组