数组侦听器

侦听器的基本结构

作用：用来侦听数据有没有变化，一旦有变化就调用函数
语法：在和data、methods这些平级的位置写一个watch

 <script>
        // 【侦听器】
        new Vue({
            el:'',
            data:{},
            methods:{
            },
            // 侦听器
            watch:{
                // 参数一：改变后的值。
                // 参数二：改变前的值。
                要侦听的数据(newValue,oldValue){                    
                }
            }
        })
    </script>

对数组进行侦听

【对数组进行侦听】
数组是引用类型,存在比较复杂的侦听规则。
从理论上说,修改一个数组的内容,比如修改数组中某个元素的值,或者给数组添加新的元素,都不会修改数组本身的地址。
为此,Vue.js对数组做了特殊处理,使得使用标准的数组操作方法对数组所做的修改,都可以被侦听到。

1.Vue不能检测以下数组的变动：

a.当你利用索引值直接设置一个数组时,如vm.items[indexOfItem] = newValue
b.当你修改数组的长度时,例如: vm.items.length = newLength

2.使用标准方法修改数组可以被侦听到

push() 尾部添加
pop() 尾部删除
unshift() 头部添加
shift() 头部删除
splice() 删除、添加、替换
sort() 排序
reverse() 逆序