vue 监视属性基础篇

要点：

天气切换的小案例,通过改变ishot的值来进行切换

所以只要对ishot的值进行监视当ishot发生改变则进行某些行为

监视属性

为watch与计算属性配置类似

这边使用其中的handler()方法该方法对监视属性改变时就会被调用

 

还可以读到监视值新的值和旧的值handler(newValue,oldValue)

 

 

 不光可以监视data中的属性还可以监视计算属性

 

 

第二种写法：

不写在vue实例对象中 

两种情况的选择：

当一开始就知道要对对应属性进行监视时写在vue实例中的

watch:{

    ishot:{

        handler(){

        }

    }

}

如果是后续需求加的则写在vue实例外vm.$watch('isHost,{对应配置})

总结：