Vue—监视属性

监视属性watch:

1.当被监视的属性变化时，回调函数自动调用，进行相关操作

2.监视的属性必须存在，才能进行监视！

3. 监视的两种写法：

(1).new Vue时传入watch配置

(2).通过vm. $watch监视

案例：

案例：


    

        
今天天气很{{info}}
        
        
        切换天气
    

监视：

    

        
今天天气很{{info}}
        切换天气
    

深度监视：

(1).vue中的watch默认不监测对象内部值的改变（一层）。

(2).配置deep:true可以监测对象内部值改变（多层）。

备注：

(1).vue自身可以路测对象内部值的改变，但vue提供的watch默认不可以！

(2).使用watch时根据数据的具体结构。决定是否采用深度监视。

*默认不开启深度监视是为了效率更高

    

        
今天天气很{{info}}
        切换天气
        
a的值是:{{numbers.a}}
        点我让a+1
        
b的值是:{{numbers.b}}
        点我让b+1
    

深度监视简写：

    

        
今天天气很{{info}}
        切换天气