Watch监听

watch监听

1.普通监听

实时的监听数据的变化

watch监听属性中,把要监听的数据,作为方法名进行监听

方法名(数据属性)(新值,老值)

语法格式:

watch:{

变量名(参数1新,参数2老){

}

}

2.立即监听

如果我们需要在最初绑定值的时候也执行函数,则使用使用到immediate属性 值设置为true

语法格式:

,

watch:{

变量名:{

//钩子函数

handler(新值,老值){

}

//组件注入页面的时候就立即监听(执行上边的钩子函数)

immediate:true

}

}

3.深度监听

当需要的监听的值是一个对象.不能直接监听到对象值的变化,普通的watch方法无法监听到对象,只能监听属性的变量,我们如果需要监听对象中值的变化,只能使用深度监听deep属性对对象进行深度监听

watch和computed 区别:

1.watch中的函数不需要手动调用,computed内部的函数需要调用,调用的时候不需要()

2.watch(属性监听),监听属性的变化,而computed(计算属性),计算是统计计算得到的数据

使用环境:

a  +

b

{{计算方法}}

computed

当一个结果受到多个属性影响的时候就使用我  c = a + b

return c

购物车总价

watch

当一个数据变化的时候,需要额外的操作

例如:搜素的时候

str:a  => b

根据str变化的值,完成其它的操作

监听str = b

把监听到的值作为请求条件

ba  baaa  bxxxx