监视属性

监视多重属性中的某一个属性的变化

   new Vue({
            el: "#root",
            data: {
                name: true,
                age: '2',
                numbers: {
                    a: 1,
                    b: 2
                }
            },
            })

监控numbers下的a或b

    watch: {
                'numbers.b': {
                    handler() {
                        console.log('numbers被改变');

                    }
                }
            }

当number下的a或b改变的时候number被监控

  watch: {
                numbers: {
                    deep:true,
                    //加入深度监视,这样当numbers下的a或者b被改变number都将被监视
                    handler(news,olds) {
                        console.log('numberss');

                    }
                }
            }
        })

Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以！ 使用watch时根据数据的具体结构，决定是否采用深度监视。