Vue Day2-watch

• watch 

监听数据的变化，从而实现相应的业务逻辑

主要应用场景是监听数据的变化处理副作用。

与处理数据无关的的操作都算副作用，如 日志处理、异步请求、本地存储操作等。

• 只监听单个属性值的变化：

watch:{
　　'obj.a'（newValue，oldValue）{
　　　　console.log(newValue,oldValue)//newValue:a属性更改后的值 oldValue:a属性原值
 　　　　　　　　　　　　　　　　　　} ，
　　　　}

 

• 如果要监听一个对象或者数组对象（修改数组对象中的属性），则需要额外加一个属性：深度监听 deep: true,

watch:{
　　'obj':{
　　　　handler(){
　　　　　　console.log(newValue,oldValue)
　　　　　　　　　　}
 　　deep: true,
　　　　} ，

• 有时候希望一进入页面（在挂载阶段） 就自动默认执行一遍监听  这就需要属性：立即执行    immediate: true

watch:{
　　'obj':{
　　　　handler(

newValue,oldValue

){ 　　　　　　console.log(newValue,oldValue) 　　　　　　　　　　} 　　deep: true,
　　immediate: true, // 立即调用
　　　　} ，